in use
the system applied: a landing page, an app and three posters.
the werkstatt set
seven pages built on the system. the previews are the live pages scaled down; open any of them to use it, or open the set's own index.
landing pageresponsive marketing page for werkstatt
openapp: hometoday's exercise, the rooms and a library teaser
openapp: color studiotap a color to see its complement
openapp: object detailthe club chair broken into its shapes
openposter: triadisches balletta schlemmer-style figure
openposter: die treppea staircase of colored blocks
openposter: farbkreisa twelve-step color wheel
openhow they use the system
- one red per screen.the landing page has a single red button in the hero; the app puts red only on save.
- yellow is the current state.the active tab, the hovered link, the selected swatch.
- blue builds structure.panels, the progress bar, the studio wheel's center.
- everything sits on the grid.3 px rules, zero radius, 8-point spacing, poppins throughout.
- posters break the orthogonal rule.diagonals and rotated type live in print, never in the interface.