Interne Vorschau · Werkbank-Bausteine (Issue #204)

Sechs neue Bausteine, einmal nebeneinander

Lebende Referenz für Phase 2 (WB2–WB8) — nicht verlinkt, kein Produktinhalt. Bausteine: src/styles/global.css (Kommentarblock „Werkbank"), WerkbankWordmark.astro.

1 · Papier-Band (.wb-band, ohne Modifier) · 2 · Display-Skala (.wb-display-xl)

Deine Woche geplant. Dein Betrieb im Griff.

Kurze Sätze, die Headline ist das Bild — clamp bis ~6rem, Bricolage 800. Marker-Regel gilt unverändert: ein Wort, nur im H1.

3 · Tinte-Band (.wb-band--tinte) — .kp-card, Links, Mono-Labels bleiben lesbar

Ohne Token-Overrides wäre das hier unlesbar

Titel, Fließtext, Mono-Label und Link der Karte unten nutzen dieselben Klassen wie überall sonst auf der Seite — nur die Fläche drumherum ist die Tinte-Fläche.

Mono-Label · Blatt 01

Kartentitel bleibt „text-kp-tinte"

Fließtext, unverändert text-kp-tinte-sekundaer. Lesbar, weil .kp-card im Tinte-Band eine eigene, hellere Kartenfläche bekommt (lokaler Token-Override, kein Extra-CSS an dieser Stelle).

Ein ganz normaler Link →
14 Tage kostenlos testen
4 · UI-Panel (.wb-panel)
Blatt W-01 · Wochenplan

App-Ausschnitt in getöntem Rahmen, Mono-Beschriftungszeile oben — wie ein Beleg auf der Werkbank. Trägt data-wb-panel fürs Messnetz (WB6), löst hier selbst noch nichts aus.

5 · Akzent-Band (.wb-band--akzent) — genau eins pro Seite

Der eine Handlungsmoment der Seite

14 Tage kostenlos testen
6 · Riesen-Wordmark (WerkbankWordmark.astro)