Every collection
40 ways into 20 sites.
The same gallery, cut along four axes and along the pairs that recur. Every collection is a real page with its own render grid; the line under each is what we would tell you to look for. Counts are live from the gallery, never typed in.
By style 13
Minimal 13 Minimal is a spacing decision before it is a colour one. These sites earn the quiet with a strict type scale and a radius they never break. Dark 8 Dark interfaces live or die on their neutrals: the good ones keep a hue in the greys so the page reads as one material rather than black with things on it. Big Type 7 Display sizes past 80px, often as the only image on the page. The tell of a confident scale is that the small text still holds up next to it. Colorful 7 More than two brand hues on one page, and still legible. The decoder shows which of these pass contrast and which are coasting on charm. Illustrative 3 Illustration sets the palette here, and the UI tokens follow it. A good case study in deriving a system from artwork rather than the reverse. Type-based 3 Typography is the interface. Font choice, weight pairing and line length are doing the job a photo would do elsewhere. Gradient 3 Gradients as material, not decoration: backgrounds, buttons, sometimes text. Worth decoding for the stops, which are rarely what they look like. Grid 2 Layouts that make the grid visible, or nearly so. Column counts, gutters and how they collapse are the whole design here. Motion 2 Sites where movement carries meaning: scroll-driven reveals, transitions that explain state. The X-ray reads the durations and easings off the DOM. Experimental 2 Layouts that break a convention on purpose. Decode them for the mechanism, then decide whether the convention was worth breaking. Light 1 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. Creative coding 1 Canvas, WebGL and shaders as the visual layer. The CSS underneath is usually stricter than the surface suggests. B&W 1 Black, white and nothing else, which makes contrast the only variable left. Every one of these passes AA by construction.
By industry 8
Developer Tools 6 Developer tools sell to people who will inspect the source. Dark by default, mono in the details, and a bias toward density that consumer sites avoid. Portfolio 4 A portfolio is a design system with one client. The freedom shows in the type choices; the discipline shows in whether the grid survives mobile. Creative Tools 3 Tools for designers are judged by designers, so the interface is the pitch. Expect systems that are unusually consistent about radius and spacing. Fintech 2 Fintech has to look trustworthy before it looks interesting. Watch how restrained the palettes are, and how much work a single accent does. Productivity 2 Productivity products compete on calm. Muted surfaces, one primary action per view, and type scales built for reading rather than impact. Food & Beverage 1 Food and drink brands lean on photography and warm palettes. The token work is in the neutrals that let the imagery carry. Entertainment 1 Entertainment sites are allowed to be loud. The interesting ones stay loud and still keep a readable scale underneath. Marketing 1 Marketing sites are built to convert, which makes them honest about hierarchy: the primary action is never in doubt.
By type 4
Company 11 Company sites: the front door, built to explain and convince. The best ones keep a product-grade design system behind marketing-grade copy. Product 4 Product sites, where the marketing surface and the app share a system. Decode one and you can usually see both. Portfolio 4 Personal and studio portfolios. Fewer constraints, so the choices are more revealing than on a product site. Reference 1 Reference and documentation sites. Type scale, line length and code styling matter more here than anywhere else.
By platform 4
Custom Code 17 Hand-built front ends. No theme defaults to fall back on, so every token on the page was a decision. WordPress 1 WordPress sites, which means a theme and a set of overrides. The decoder shows which is which. Astro 1 Astro sites ship almost no client JavaScript, so what you see is the CSS. The cleanest possible read for the decoder. Framer 1 Framer sites carry the tool's fingerprints: its breakpoints, its motion defaults. Useful to decode for what was overridden and what was not.
Pairs that recur 9
Two facets at once, listed only where three or more sites share the pair. Two would be a coincidence, not a collection.
Minimal × Company 7 style and type, together. Big Type × Company 6 style and type, together. Colorful × Company 6 style and type, together. Developer Tools × Company 5 industry and type, together. Portfolio × Portfolio 4 industry and type, together. Dark × Company 4 style and type, together. Dark × Product 3 style and type, together. Minimal × Portfolio 3 style and type, together. Gradient × Company 3 style and type, together.
By month added 2
Sliced by date, not popularity: we do not rank what we have not measured.
← The whole showcase · press r anywhere for a random page