Design System
Playground Zur Vorlage

Sektionen · HaltungFeature-Grid

Sektion · 6 Varianten

Feature-Grid

sections/FeatureGrid.astro

Drei Spalten, Feature-Card. Haltung, nicht Leistung. 01 Zellen, 02 Raster, 03 Kopf, 04 Kante, 05 Nummer, 06 Sechs. Nacht und Paper.

Props

Name Typ Default Notiz
variant "zellen" | "raster" | "kopf" | "kante" | "nummer" | "sechs" "zellen" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Haltung" Section-Label.
title string? — Nur 03 Kopf.
lead string? — Nur 03 Kopf. nw-base, max. 65 Zeichen.
items FeatureItem[]? — Drei, bei 06 sechs.
<FeatureGrid variant="zellen" surface="nacht" />
<FeatureGrid variant="kopf" surface="paper" />

01 · Zellen

Drei Kacheln, Abstand

gap-6. Icon oben, Haarlinie um die Karte.

Nacht

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

Paper

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

02 · Raster

Gemeinsame Haarlinie, Split innen

Kein Doppelrahmen. Feature-Card Split in der Zelle.

Nacht

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

Paper

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

03 · Kopf

Label, Satz, dann drei Kacheln

H2 und Base max. 65 Zeichen, darunter Zellen.

Nacht

Haltung

Das Werk, nicht die Kampagne.

Eine Stimme, ein Slot, keine Folien. Was nicht trägt, bleibt draußen.

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

Paper

Haltung

Das Werk, nicht die Kampagne.

Eine Stimme, ein Slot, keine Folien. Was nicht trägt, bleibt draußen.

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

04 · Kante

Strich links, Luft dazwischen

Keine Box. Drei Spalten, gap-x-6.

Nacht

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

Paper

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

05 · Nummer

01–03 über der Karte

nw-label, dann Zellen-Karte. Drei Spalten, keine Liste.

Nacht

Haltung

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • 02

    Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • 03

    Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

Paper

Haltung

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • 02

    Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • 03

    Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren

06 · Sechs

Zwei Zeilen, sechs Kacheln

Gleiche Zelle wie 01, zweimal drei.

Nacht

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren
  • Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es — nicht die nächste Folie.

    Mehr erfahren
  • Nachweis statt Behauptung

    Zahl, Mandat, Werk. Proof sitzt in Oliv, nicht in der Überschrift.

    Mehr erfahren
  • Direkt, nicht vermittelt

    Kein Account, keine Folie dazwischen. Der Draht geht zum Werk.

    Mehr erfahren

Paper

Haltung

  • Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne. Eine Stimme, ein Slot, keine Folien.

    Mehr erfahren
  • Eine Stimme

    Ein Ton über alle Flächen — kein Folien-Deutsch, kein Baukasten.

    Mehr erfahren
  • Kein Baukasten

    Form folgt Auftrag. Was nicht trägt, bleibt draußen.

    Mehr erfahren
  • Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es — nicht die nächste Folie.

    Mehr erfahren
  • Nachweis statt Behauptung

    Zahl, Mandat, Werk. Proof sitzt in Oliv, nicht in der Überschrift.

    Mehr erfahren
  • Direkt, nicht vermittelt

    Kein Account, keine Folie dazwischen. Der Draht geht zum Werk.

    Mehr erfahren