Platform · collection
Custom Code sites
17 curated sites in Custom Code, 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. Hand-built front ends. No theme defaults to fall back on, so every token on the page was a decision.
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.
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.
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. Also in these collections
Other axes these sites overlap with, ranked by how many they share.