Browse the library
Styles
Design directions with tokens, typography, layout rhythm and the failure cases that decide whether one survives a real page.
Open → 28 pagesPreviews
Every style rendered on one identical page, so the only variable is the stylesheet.
Open → 10 comparisonsCompare
Two styles, two live panels, one decision table — for a choice you are about to make.
Open → 12 patternsMotions
Animation patterns with a working demo and a prompt precise enough to build them right the first time.
Open → 12 recipesPrompts
Whole-page prompts: section order, the variables worth changing, and how each page type fails.
Open →Start here
- Choose a direction. The gallery documents 28 styles with the tokens, the typography and the failure cases that decide whether one survives a real page. Browse the styles
- See it on the same page. Every style has a live preview built from identical markup — so a comparison between two of them is a comparison of stylesheets, not of content. Open the previews
- Take the prompt. Recipes describe a whole page: section order, what each section must accomplish, and the variables worth changing. Read the recipes
Recently added
Bento Grid
Asymmetric tiles on a shared grid — many features, one calm surface.
Breakdown →Liquid Glass
Edge-lit glass with refraction — depth without drop shadows.
Breakdown →Editorial / Magazine
Print hierarchy on screen — serif display type, measured columns, real whitespace.
Breakdown →Neo-Brutalism
Thick black edges, offset shadows and saturated pastel fills.
Breakdown →Neo-Swiss
Strict modular grid, variable weight, one red accent.
Breakdown →Acid Graphics
High-saturation fills, warped type and anti-design energy.
Breakdown →What this is, and what it is not
Most style galleries show a mood board or a screenshot of somebody else's site. Neither answers the question a builder actually has: what does this style look like when it has to hold a headline, three columns, a paragraph and a call to action at the same time — and at 390 pixels wide?
So every entry here is verified against a page that exists. The previews are real HTML rendered with different stylesheets, the motion patterns are working demos rather than videos, and each prompt is written against the CSS that produces the result. Where a style has a known failure — a contrast problem, a layout that collapses at a breakpoint, a technique that drops frames — the page says so.
It is not a template marketplace and it does not sell placement. The prompts and stylesheets are free to use, and the site earns its keep from advertising that never appears on the demo pages themselves.