Catalog
Jeder Dokumenttyp der Engine @hackersandwizards/documents und die Komponenten, aus denen die Typen bestehen, auf A4 im Druckmaß. Alle Daten sind erfunden, jeder Betrag ist ein Platzhalter.
documents catalog/stories · @hackersandwizards/brand v0.33.0 · 25 components · 38 states
Drei Ebenen. Tokens: tokens.css gibt jedem Wert eine Rolle aus
@hackersandwizards/brand. Basis: document.css setzt
Seite, Laufkopf und die Elemente, die jeder Typ und jeder Markdown-Text nutzt.
Komponenten setzen sich nur aus Tokens und Basis zusammen,
Typen nur aus Komponenten. Jede Story steht im Druckmaß (data-hw-scale="print") auf einem A4-Blatt.
Jeder Typ als ganze Seite, so wie die Engine ihn druckt: Angebot · Quote (English) · Angebot ohne Preise · Honorarsätze · Leistungsnachweis, ein Monat · Leistungsnachweis, ein Training in Abschnitten · Leistungsnachweis, pauschal · Vereinbarung: Geheimhaltung (Vertrag) · Vereinbarung: Auftragsbestätigung (Brief) · Certificate (English) · Zertifikat · Onepager · Training Handout (English) · Vorbereitung · Survey Readout (English, slides) · Delivery Briefing · Trainer Briefing (English, with meta) · Dokument aus Markdown · Elemente aus brand und Ausnahmen
Aus brand: hw-labelhw-pillhw-cardhw-callouthw-quotehw-tablehw-linkhw-codehw-kpi. Als eigene behalten, jede mit
ihrem Grund:
-
total-band: Die Summenzeile auf dem teal Band, 12 % Tönung unter der starken Linie, jeder Betrag teal und 1,2-fach. Summenbänder bleiben je System (Entscheidung shared-elements, 01.11.2026); die Tabelle darin misst das Gate nicht. -
section-label: Der Abschnittskopf im h4-Maß, mono 600 in Versalien hinter einem teal Quadrat, die Gruppenüberschrift der Website-Trainingsliste. Kein Label, sondern ein Abschnittsband, und die bleiben je System (Entscheidung shared-elements, 01.11.2026). -
margin-note: Die Randnotiz im Handout: rechts neben dem Absatz umflossen, mit lila Linie. brand hat kein Element für Randnotizen; nur Papier hat einen Rand dafür. -
survey-readout: Die Umfrage-Auswertung ist ein Foliensatz in 1280 × 720 auf der Folienskala aus brands document.css (--deck-*), kein A4-Dokument; ihre Zitate und Labels folgen den Folien, ihre Kennzahlen sind brands hw-kpi im Folienmaß. -
onepager: Der Onepager druckt die Trainingsseite der Website auf der Onepager-Skala aus brands document.css (--op-*), mit eigenen Label- und Notizformen. Noch nicht auf die brand-Elemente umgestellt: der nächste Schritt dieser Engine, mit Pixelvergleich und Blind-Review.
Die Elementseite zeigt jedes als Kachel;
dort misst brand-elements sie in bun run check.