Same page, fifteen ways
One markup. Pick the look.
Nothing in the HTML below changes. The buttons swap one stylesheet for another, and the whole page re-skins — fonts, color, grid, the works. Hit a few and watch.
What's here
Brand, web, range.
Brand
Wordmark, palette, type. The part a client points at and calls “the look” — and the first thing every button on the dial rewrites.
Web
One static page, themed entirely through CSS variables. The exact same build sits under every design on the dial.
Range
Fifteen design systems wired to the dial right now, from a law firm to a cyberpunk terminal. They share a single file; none is a mockup. Each one is the page, fully dressed.
Under the skin
It’s all just tokens.
The quick brown fox
Four colors and three typefaces do most of the work. Swap those values and the same paragraph you’re reading goes from cream-and-serif to black-on-white to neon. The text never moved.
label · caption
The honest part: every design here is the exact same markup. The hard part was never drawing fifteen of them — it’s knowing which one a client actually needs. Usually it’s calmer than the one they asked for.