Design System
Playground Zur Vorlage

Sektionen · HaltungFeature-Bento

Sektion · 3 Varianten

Feature-Bento

sections/FeatureBento.astro

Mosaik aus Bento-Tile. 01 Block, 03 Kopf, 06 Sechs. 02 Quad, 04 Steg und 05 Marke nicht aufgenommen. Nacht und Paper.

Props

Name Typ Default Notiz
variant "block" | "kopf" | "sechs" "block" 01, 03, 06. 02 Quad, 04 Steg, 05 Marke nicht aufgenommen.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Haltung" Section-Label.
title string? — Nur 03 Kopf.
lead string? — Nur 03 Kopf.
items BentoItem[]? — Sechs Kacheln.
<FeatureBento variant="block" surface="nacht" />
<FeatureBento variant="kopf" surface="paper" />

01 · Block

L links, vier Kacheln rechts

col-span-2 row-span-2. Marke als Visual.

Nacht

Haltung

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne.

    1 Slot, vierzehn Tage
  • 02

    Eine Stimme

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

  • Kein Baukasten

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

  • 04

    Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es.

  • 05

    Nachweis

    Zahl, Mandat, Werk. Proof sitzt in Oliv.

Paper

Haltung

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne.

    1 Slot, vierzehn Tage
  • 02

    Eine Stimme

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

  • Kein Baukasten

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

  • 04

    Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es.

  • 05

    Nachweis

    Zahl, Mandat, Werk. Proof sitzt in Oliv.

03 · Kopf

Satz, dann das Mosaik

H2 und Base, darunter Block.

Nacht

Haltung

Das Werk, nicht die Kampagne.

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

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne.

    1 Slot, vierzehn Tage
  • 02

    Eine Stimme

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

  • Kein Baukasten

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

  • 04

    Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es.

  • 05

    Nachweis

    Zahl, Mandat, Werk. Proof sitzt in Oliv.

Paper

Haltung

Das Werk, nicht die Kampagne.

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

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne.

    1 Slot, vierzehn Tage
  • 02

    Eine Stimme

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

  • Kein Baukasten

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

  • 04

    Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es.

  • 05

    Nachweis

    Zahl, Mandat, Werk. Proof sitzt in Oliv.

06 · Sechs

L oben, fünf darunter

Breite Kachel, dann fünf. Letzte spannt zwei.

Nacht

Haltung

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne.

    1 Slot, vierzehn Tage
  • 02

    Eine Stimme

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

  • Kein Baukasten

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

  • 04

    Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es.

  • 05

    Nachweis

    Zahl, Mandat, Werk. Proof sitzt in Oliv.

  • 06

    Direkt

    Kein Account dazwischen. Der Draht geht zum Werk.

Paper

Haltung

  • 01

    Mandat vor Fläche

    Wir setzen das Werk, nicht die Kampagne.

    1 Slot, vierzehn Tage
  • 02

    Eine Stimme

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

  • Kein Baukasten

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

  • 04

    Takt, kein Sprint

    Vierzehn Tage, ein Slot. Dann steht es.

  • 05

    Nachweis

    Zahl, Mandat, Werk. Proof sitzt in Oliv.

  • 06

    Direkt

    Kein Account dazwischen. Der Draht geht zum Werk.