Design System
Playground Zur Vorlage

Sektionen · VertrauenVergleich

Sektion · 6 Varianten

Vergleich

sections/Vergleich.astro

Erklärung & Vertrauen. Sie gegen Wir. 01 Tabelle, 02 Spalten, 03 Zeilen, 04 Kopf, 05 Split, 06 Display. Zelle: Haken, Minus oder Satz. Nacht und Paper.

Props

Name Typ Default Notiz
variant "tabelle" | "spalten" | "zeilen" | "kopf" | "split" | "display" "tabelle" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Der Vergleich" Section-Label.
title string? — H2. 06 als nw-display.
lead string? — 03 Zeilen ohne Lead. Sonst unter der H2.
groups VergleichGroup[]? — Gruppen. Zelle: boolean (Haken/Minus) oder string (Satz).
us string? "Wir" Spaltenkopf, Tag aktiv.
them string? "Sie" Spaltenkopf, Tag.
link string? "Zum Werk" nw-link. Nicht 01, nicht 03.
href string? "/system" Ziel des nw-link.
<Vergleich variant="tabelle" surface="nacht" />
<Vergleich variant="spalten" surface="paper" />

01 · Tabelle

Gruppen, Haken, betonte Spalte

Tags oben. Gruppe als Kopf. Wir-Spalte Fill. Zelle Marke oder Satz.

Nacht

Der Vergleich

Was wir legen.

Wir Sie
Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

Paper

Der Vergleich

Was wir legen.

Wir Sie
Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

02 · Spalten

Zwei Köpfe, Matrix darunter

Sie stumm, Wir Fill und Link. Spalten fluchten mit der Matrix.

Nacht

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Sie

Theme, Kampagne, Account.

Wir

Vierzehn Tage. Ein Slot.

Zum Werk

Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

Paper

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Sie

Theme, Kampagne, Account.

Wir

Vierzehn Tage. Ein Slot.

Zum Werk

Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

03 · Zeilen

Satz links, Marken rechts

Gruppe als Overline. Haken Oliv, Minus kontrastreich, oder Satz.

Nacht

Der Vergleich

Wir Sie

Fläche

Sie

Wir

  • Form folgt Auftrag.

    Sie: nein
    Wir: ja
  • Kein Theme, kein Stecksystem.

    Sie: nein
    Wir: ja
  • Was nicht trägt, bleibt draußen.

    Sie: nein
    Wir: ja

Index

Sie

Wir

  • Index, Query, Nachweis.

    Sie: nein
    Wir: ja
  • Suche vor Ads.

    Sie: nein
    Wir: ja
  • Kein Fund durch Kampagne.

    Sie: nein
    Wir: ja

Stimme

Sie

Wir

  • Ein Draht, eine Stimme.

    Sie: nein
    Wir: ja
  • Kein Account dazwischen.

    Sie: nein
    Wir: ja
  • Takt

    Sprints, Abstimmung.

    Vierzehn Tage. Ein Slot.

Paper

Der Vergleich

Wir Sie

Fläche

Sie

Wir

  • Form folgt Auftrag.

    Sie: nein
    Wir: ja
  • Kein Theme, kein Stecksystem.

    Sie: nein
    Wir: ja
  • Was nicht trägt, bleibt draußen.

    Sie: nein
    Wir: ja

Index

Sie

Wir

  • Index, Query, Nachweis.

    Sie: nein
    Wir: ja
  • Suche vor Ads.

    Sie: nein
    Wir: ja
  • Kein Fund durch Kampagne.

    Sie: nein
    Wir: ja

Stimme

Sie

Wir

  • Ein Draht, eine Stimme.

    Sie: nein
    Wir: ja
  • Kein Account dazwischen.

    Sie: nein
    Wir: ja
  • Takt

    Sprints, Abstimmung.

    Vierzehn Tage. Ein Slot.

04 · Kopf

Satz, dann die Matrix

H2 und Lead über denselben Gruppen.

Nacht

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Wir Sie
Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

Zum Werk

Paper

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Wir Sie
Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

Zum Werk

05 · Split

Diagnose klebt, Matrix läuft

4 + 8. Sticky links ohne Overflow.

Nacht

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Wir Sie

Zum Werk

Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

Paper

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Wir Sie

Zum Werk

Fläche Sie Wir
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index Sie Wir
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Stimme Sie Wir
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

06 · Display

Ein Satz, eine Liste

nw-display. Eine Matrix, ohne Gruppenköpfe.

Nacht

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Wir Sie
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

Zum Werk

Paper

Der Vergleich

Was wir legen.

Sie stellen Baukasten, Kampagne, Account. Wir legen Fläche, Index, Draht.

Wir Sie
Form folgt Auftrag. Sie: nein Wir: ja
Kein Theme, kein Stecksystem. Sie: nein Wir: ja
Was nicht trägt, bleibt draußen. Sie: nein Wir: ja
Index, Query, Nachweis. Sie: nein Wir: ja
Suche vor Ads. Sie: nein Wir: ja
Kein Fund durch Kampagne. Sie: nein Wir: ja
Ein Draht, eine Stimme. Sie: nein Wir: ja
Kein Account dazwischen. Sie: nein Wir: ja
Takt

Sprints, Abstimmung.

Vierzehn Tage. Ein Slot.

Zum Werk