Style · collection
Light web design
5 curated light sites, shown as our own renders. Click any one to decode it — pull the palette, measure the spacing, or install its shadcn theme.
What to look for. Light sites have nowhere to hide. With no dark ground to lift a card off, spacing and type weight do all the work, and you can see exactly how much.
Pranksy pranksy.io Decode Pale sage and brick red, with the display face outlined rather than filled, so the biggest thing on the page is a drawing of type instead of a slab of colour. Three faces do the whole job: a heavy condensed wordmark, a hand-drawn marker at marquee scale that never stops moving, and a small letterspaced sans for the labels. The homepage is three moves and a footer, which takes more confidence than another section would. 
Clico tryclico.com Decode A serif headline over pale blue-grey, with the product shown as a scatter of its own floating windows instead of one screenshot. The second headline strikes through the word watermark, a rare case of type making the argument rather than describing it. 
CatNames.com catnames.com Decode Coral on white, a rounded display face, and cut-out cats that break their own frames. Every block is a card, the hero cat gets a speech bubble, and the primary action is a swipe rather than a search, which states the whole product in one button. 
Catskills catskills-showcase.pages.dev Decode Two greens and nothing else: deep sage type on a pale olive ground, with Instrument Serif dropping into italic mid-headline to carry the emphasis a bold would usually take. Product photography sits in soft rounded frames, and a guarantee card leans over the hero at an angle, the only thing on the page allowed to be crooked. 
SEOAIO seoaio.ai Decode A restrained, near-white SaaS layout with a soft violet primary and a teal counterpoint, built so dense visibility metrics read as calm reporting rather than a dashboard shouting. Also in these collections
Other axes these sites overlap with, ranked by how many they share.
Other style collections
Our own render · scroll it, or use ← → for the next site