[§] /docs/cases
Case studies
Great sites taken apart, from their makers' own write-ups. What they decided, how they built it, and what to take.
TL;DR
- Each case is short: what it is, how it's built, the decisions, what to steal.
- Facts come from the makers' own posts and talks, linked on every page.
- Take the technique, never the assets.
Our own
BR95
A portfolio that pretends to be a Windows 95 computer, without the SEO price.
Balatro deck
Cloning a game's look from its real asset files, not from memory.
Other people's
GitHub globe
A live data globe on the home page that stays fast.
Stripe Connect
Product diagrams that move and explain.
Linear redesign
A dark, calm product site rebuilt around craft.
Vercel 3D badge
A physics lanyard badge as a conference ticket.
Igloo Inc
An award-winning WebGL world, piece by piece.
Bruno Simon folio
A portfolio you drive around in.
Emil Kowalski's Sonner
A toast library where every detail was designed.
Josh Comeau
A blog full of playful, interactive explanations.
How to read a case
- Read What it is first. The decisions only make sense against it.
- Open the live site beside the page. Compare what you see with what they say.
- Pick one technique to try. Then find its how-to in How-tos.
Structure and performance
Where tokens, components and content live in a Next.js project, and the budgets that keep it fast: LCP 2.5 s, INP 200 ms, CLS 0.1.
BR95: Windows 95 in the browser
How brunojaamaa.dev became a believable Windows 95 desktop with real bevels, pixel fonts, a window manager, stepped motion and dithered art, while every window stays a crawlable page.