Every collection
Browse the showcase gallery.
By style 13
Big Type 13 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. Minimal 9 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. Type-Based 8 Typography is the interface. Font choice, weight pairing and line length are doing the job a photo would do elsewhere. 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. Light 5 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. Illustrative 5 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. Motion 5 Sites where movement carries meaning: scroll-driven reveals, transitions that explain state. The X-ray reads the durations and easings off the DOM. Colorful 5 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. Grid 2 Layouts that make the grid visible, or nearly so. Column counts, gutters and how they collapse are the whole design here. B&W 1 Black, white and nothing else, which makes contrast the only variable left. Every one of these passes AA by construction. Experimental 1 Layouts that break a convention on purpose. Decode them for the mechanism, then decide whether the convention was worth breaking. Creative coding 1 Canvas, WebGL and shaders as the visual layer. The CSS underneath is usually stricter than the surface suggests. Gradient 1 Gradients as material, not decoration: backgrounds, buttons, sometimes text. Worth decoding for the stops, which are rarely what they look like.
By industry 11
Entertainment 4 Entertainment sites are allowed to be loud. The interesting ones stay loud and still keep a readable scale underneath. Video 4 Video brands have to out-design their own footage. Every one of these answers with display type at poster scale, so the question worth asking is what holds the frame when a still is moving behind it. Productivity 3 Productivity products compete on calm. Muted surfaces, one primary action per view, and type scales built for reading rather than impact. Hardware 2 Hardware sells an object, so the photograph is the hero and the interface gets out of its way. Decode these for restraint: how few elements sit over the product, and how hard the type works to stay out of the shot. Creative Tools 2 Tools for designers are judged by designers, so the interface is the pitch. Expect systems that are unusually consistent about radius and spacing. Developer Tools 2 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. Ecommerce 1 Commerce pages are judged on one path: find the thing, believe the thing, buy the thing. Look at how early the primary action appears and how little competes with it once it does. 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. Marketing 1 Marketing sites are built to convert, which makes them honest about hierarchy: the primary action is never in doubt. Fintech 1 Fintech has to look trustworthy before it looks interesting. Watch how restrained the palettes are, and how much work a single accent does. Portfolio 1 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.
By type 4
Company 10 Company sites: the front door, built to explain and convince. The best ones keep a product-grade design system behind marketing-grade copy. Product 8 Product sites, where the marketing surface and the app share a system. Decode one and you can usually see both. Portfolio 2 Personal and studio portfolios. Fewer constraints, so the choices are more revealing than on a product site. Reference 2 Reference and documentation sites. Type scale, line length and code styling matter more here than anywhere else.
By platform 3
Custom Code 20 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.
Pairs that recur 12
Two facets at once, listed only where three or more sites share the pair. Two would be a coincidence, not a collection.
By month added 3
Sliced by date, not popularity: we do not rank what we have not measured.
← The whole showcase · press r anywhere for a random page