A sharable showcase of templates you can grab and go if you like that style.
8 repositories, one per register. Each ships annotated design tokens with their measured contrast ratios, a component layer, two Tailwind adapters, and a demo that opens from a file with nothing installed. MIT, so fork it and rename the tokens.
Hard borders, offset shadows with no blur, and saturated flat fills on a warm paper ground.
neobrutalism · brutalist UI · hard shadows · flat fills
Frosted surfaces at three elevation tiers over a lit ground, with every contrast ratio measured against a computed worst case.
glassmorphism · frosted glass · backdrop blur · liquid glass
A twelve-column grid and a modular type scale set on an eight-pixel baseline, with type doing the work.
Swiss style · International Typographic Style · grid systems · editorial layout
A mosaic layout kept separate from the surface it wears, with three named arrangements and a re-skin demo that proves the separation.
bento grid · bento box layout · dashboard mosaic · CSS grid spans
Monospace throughout on a character grid, with the console's conventions treated as a design system rather than a costume.
terminal UI · TUI · monospace · console aesthetic
The conventions a modern product page is expected to use, executed at the craft level that separates them from a template.
SaaS landing page · startup landing · product marketing page · shadcn theme
Flat geometric illustration with oversized figures and a soft palette, the register most often used without being named.
corporate memphis · flat illustration · humaaans · alegria style
The hostile one: default browser styles, unstyled links, and no concession offered, where the discomfort is the argument.
brutalist web design · raw HTML · anti-design · unstyled
The creative direction framework sets brand direction on four axes, 15 positions in all. Every theme states where it sits, so the collection can be read as coverage rather than as a set of moods. Positions no theme has reached are listed as open, because a gap is a fact about the collection rather than something to leave out.
2 of the 15 positions have no theme yet: Coach (Relationship), Resonant (Sensory). Those are the registers the collection does not reach yet.
If you want the reasoning rather than the artifacts, the creative direction framework is where these coordinates come from, and every theme README works through what its position costs and what it buys. Issues and pull requests belong on the theme repository they concern; for questions and anything conversational, use the discussions on the claude-skills repository, which is where discussion for all of these repos lives.