Design System
Playground Zur Vorlage

Sektionen · VertrauenWarum-wir

Sektion · 6 Varianten

Warum-wir

sections/WarumWir.astro

Erklärung & Vertrauen. Vier Argumente, kein Beleg. 01 Karten, 02 Spalten, 03 Leiste, 04 Split, 05 Reihe, 06 Bento. Nacht und Paper.

Props

Name Typ Default Notiz
variant "karten" | "spalten" | "leiste" | "split" | "reihe" | "bento" "karten" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Warum wir" Section-Label.
title string? — H2 über der Komposition.
lead string? — Lead unter dem H2.
items Argument[]? — Vier. Icon, Kicker, Titel, Base. Kein Beleg.
<WarumWir variant="karten" surface="nacht" />
<WarumWir variant="bento" surface="paper" />

01 · Karten

Zwei mal zwei, Fond

Icon und Index oben, Titel und Satz unten.

Nacht

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

Paper

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

02 · Spalten

Vier Spalten, Icon führt

Kicker, Icon, Titel, Caption. Keine Fläche, keine Linie.

Nacht

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01 · Slot

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02 · Takt

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03 · Index

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04 · Draht

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

Paper

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01 · Slot

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02 · Takt

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03 · Index

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04 · Draht

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

03 · Leiste

Vier Zellen in Haarlinie

Raster statt Fond. Icon, Index, Titel, Caption.

Nacht

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

Paper

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

04 · Split

Satz links klebt, Zellen rechts

Intro sticky. Zwei mal zwei in Haarlinie.

Nacht

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

Paper

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

05 · Reihe

Vier Zeilen, Kicker vorn

Index, Kicker, Titel, Satz in einer Zeile. Kein Icon.

Nacht

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Slot

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Takt

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Index

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Draht

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

Paper

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Slot

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Takt

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Index

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Draht

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

06 · Bento

Ein Argument groß, drei klein

Erste Karte zwei Spalten, Titel als H2. Rest als Kacheln.

Nacht

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.

Paper

Warum wir

Vier Gründe, die Fläche hier zu legen.

Ein Slot, vierzehn Tage, Index vor Ads, kein Account dazwischen.

  • 01

    Ein Auftrag zur Zeit.

    Kein Parallelbetrieb. Der Slot gehört einem Mandat, vom Briefing bis zur Abnahme.

  • 02

    Fläche in zwei Wochen.

    Briefing an Tag 0, Abnahme an Tag 14. Dazwischen wird gelegt, nicht abgestimmt.

  • 03

    Gefunden, bevor beworben.

    Query, Snippet, Schema stehen vor der ersten Kampagne. Der Satz trägt die Sichtbarkeit.

  • 04

    Kein Account dazwischen.

    Wer brieft, spricht mit dem, der legt. Kein zweiter Ton, keine Folien.