Tokens, Bausteine, Voice.
Die offene Referenz zum visuellen System von Struqo, von den Tokens bis zu ganzen Seiten. Jeder Wert kommt live aus dem Code, Figma folgt ihm. Agents lesen dieselben Bausteine in apps/web/components/styleguide/catalog.ts.
Baum-Behandlungen.
Drei Antworten auf „Was hätte Dieter Rams gemacht?" für den Holz-Baustein. Gleiche Geometrie, drei Dialekte. Verwendet auf der Landing („Warum Holz") und der Haltungsseite.
Baum als Holzzeichnung: schraffierter Pfosten-Stamm, Mono-Bemaßung, facettierte Krone.
Reiner Liniendialekt, dieselbe Sprache wie die Schritt-Symbole der Startseite.
Flächiges Piktogramm in gedämpftem Grün, am weichsten und organischsten.
Zwei Bäume auf einer Bodenlinie, ein Strich, der bei jeder Größe gleich bleibt. Rahmt auf der Startseite den Abschnitt „Warum Holz“.
Selbstkritisch-entspannt mit Augenzwinkern.
Dosiert, drei bis fünf Pointen pro größerer Seite. Das Produkt soll wachsen und groß werden, die Haltung darf heute schon schmunzeln, ohne sich klein zu machen.
text-text-3 scheitert derzeit am WCAG-AA-Kontrast, Panel-Inputs unterdrücken den globalen Focus-Ring, und die Holz-Swatches leben noch außerhalb des CSS-Tokensystems. Details in docs/DESIGN_SYSTEM.md, Abschnitt Known gaps.