Tokens, building blocks, voice.
The open reference for Struqo's visual system, from tokens to whole pages. Every value comes live from the code, Figma follows it. Agents read the same building blocks in apps/web/components/styleguide/catalog.ts.
Pages
A template with real content. This is where the system proves itself: long names, German and English, guest and signed in.
The editor with the carport example, open as a guest. Checks names, dimensions and all sheets with real content.
Composed of: Editor
The home page with all sections in German and English.
Composed of: Marketing page
The project list, signed in. Checks an empty list, one project and many.
Composed of: App page
Sign in with error messages and the forgotten-password path.
Composed of: Sign-in page
The carport plan set as PDF, via Print in the editor. Checks title block, scale and bill of materials.
Composed of: Plan sheet
No address of its own, via Print in the editor.