Design System
Playground Zur Vorlage

Sektionen · VertrauenProzess-Section

Sektion · 5 Varianten

Prozess-Section

sections/Process.astro

Erklärung & Vertrauen. Vier Schritte, vierzehn Tage. 01 Leiter, 02 Split, 03 Band, 04 Treppe, 05 Tafel. Nacht und Paper.

Props

Name Typ Default Notiz
variant "leiter" | "split" | "band" | "treppe" | "tafel" "leiter" 01–05.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Der Prozess" Section-Label.
title string? "Vierzehn Tage. Ein Slot." H2 über den Stufen.
lead string? — Lead unter der H2.
steps ProcessStep[]? — Vier. Icon, Tag, Titel, Base, Caption.
<Process variant="leiter" surface="nacht" />
<Process variant="split" surface="paper" />

01 · Leiter

Senkrechte Linie, Strich je Stufe

Index und Tag in der linken Spalte, Icon sm neben dem Titel.

Nacht

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.

Paper

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.

02 · Split

Satz klebt links, Stufen rechts

5 + 6. Tag rechtsbündig. Kein Button im Kopf.

Nacht

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

    Tag 1

  2. 02

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

    Tag 2–4

  3. 03

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

    Tag 5–12

  4. 04

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.

    Tag 14

Paper

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

    Tag 1

  2. 02

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

    Tag 2–4

  3. 03

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

    Tag 5–12

  4. 04

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.

    Tag 14

03 · Band

Vier Zellen, Proof als Index

Waagerecht. Gemeinsame Haarlinie, 01–04 in Oliv, kein Icon.

Nacht

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

Paper

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

04 · Treppe

Jede Stufe zwei Spalten weiter

Diagonale. Proof, Tag, Titel, Satz. Volle Haarlinie je Reihe.

Nacht

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.

Paper

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.

05 · Tafel

Index, Tag, Titel, Satz

Dicht. Vier Spalten auf einer Zeile, kein Icon, kein Proof.

Nacht

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.

Paper

Der Prozess

Vierzehn Tage. Ein Slot.

Vom Gespräch bis zur Abnahme: vier Schritte, ein Draht, kein Account dazwischen.

  1. 01

    Tag 1

    Das Gespräch

    Dreißig Minuten. Was die Fläche tragen soll, was nicht. Kein Deck, kein Pitch — ein Auftrag oder keiner.

    Wer den Slot nimmt, bekommt ein Datum.

  2. 02

    Tag 2–4

    Der Satz

    Struktur, Ton, Index. Bevor Fläche gelegt wird, steht, was sie sagt — und wonach sie gefunden wird.

    Ein Dokument, eine Freigabe.

  3. 03

    Tag 5–12

    Die Fläche

    Ein Draht, keine Zwischenstufe. Gelegt, geprüft, gemessen. Stand jeden Abend unter derselben Adresse.

    Kein Account dazwischen.

  4. 04

    Tag 14

    Die Abnahme

    Live, indexiert, übergeben. Was danach kommt, ist Betreuung im Retainer — oder Ruhe.

    Der Slot wird frei.