The Showcase· 20 sites as of 14 Sept 2026
Sites worth taking apart.
A curated gallery of beautifully designed sites, shown as our own renders. Other directories just show you the work. Click any card here to decode it: pull the palette into the Workbench, measure the spacing, recreate it with AI, or X-ray the live build.
Two ways to go deeper: put any two of them side by side, or take a live page apart in the Decode workspace.
Color
Style
Industry
Type
Platform
20 of 20 sites
Filters combine: pick a style and an industry to narrow to both. Counts show how many sites you would have with that chip added.
Mr.Day mrday.it Decode Marquee strips of heavy display type alternate with cut-out product shots, so the page scrolls like a moving poster — orange and cyan carry the brand while a "level up" gaming motif runs through the copy.
Pranksters.com pranksters.com Decode A near-black stage lit by a single red: highlight blocks set behind the headline, one red primary button, and character art holding the entire right half of the fold.
KB Cafe kbcafe.com Decode A warm editorial take on developer reference: paper-toned ground, a vermilion accent used only for wayfinding, and type doing the structural work across a large body of documentation.
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.
StockTools.ai stocktools.ai Decode A terminal aesthetic done properly: a near-black canvas, one signal-green accent reserved for live data, and a strict grid that keeps dense tables scannable without decoration.
Pitch pitch.com Decode Presentation software that presents itself: bold type, vivid color blocks, and motion that mimics a live deck.
Arc arc.net Decode A browser sold like a consumer brand: hand-drawn warmth, big optimistic type, and color used with confidence.
Lynn Fisher lynnandtonic.com Decode A site that reinvents its own layout at each breakpoint; the responsive behaviour itself is the artwork.
Rauno Freiberg rauno.me Decode Design-engineering as taste: tiny interactions and precise spacing signal craft more than any case study could.
Paco Coursey paco.me Decode Near-monochrome and ornament-free, which makes the small motion and spacing details land much harder.
Brittany Chiang brittanychiang.com Decode The reference dev portfolio: a fixed side-nav, monospace accents, and content kept firmly ahead of decoration.
Clerk clerk.com Decode Auth made friendly: soft gradients, rounded components, and a light palette that makes a dry topic feel approachable.
Cursor cursor.com Decode Folds AI into a familiar editor aesthetic; the page reads like the product feels: quiet, fast, code-first.
Superhuman superhuman.com Decode Speed sold through restraint: a confident type-led hero and snappy micro-interactions that reinforce the pitch.
Raycast www.raycast.com Decode Keyboard-first personality carried into the page: clean dark sections, real UI clips, and one obvious download action.
Framer www.framer.com Decode Built in the product it sells; the page is the demo, with motion that stays purposeful rather than decorative.
Vercel vercel.com Decode High-contrast black-and-white with one geometric mark; restraint as a brand, every pixel earning its place.
Stripe stripe.com Decode The animated gradient mesh set the template a decade of SaaS copied; under it sits a strict grid and ruthless typographic hierarchy.
Linear linear.app Decode A dark, type-led product page: one enormous benefit headline, a near-monochrome palette, and a real product UI doing the persuading instead of marketing fluff. No sites match that combination yet.
Browse the collection
Every style, industry and platform we've decoded — each its own page, with a line on what to look for. See every collection with its notes →
style
industry