Essays · 65
Brand design analyses
Short essays on how real products earn trust and momentum through their design — colors, components, motion, and the decisions behind them.
How Allbirds built restraint into every layer
A dark palette, three components, and a motion system that does the work of a dozen UI flourishes.
Jun 13, 2026
Why Anthropic chose cream and coral over pure white
Anthropic's restrained palette and editorial typography signal authority without the clinical feel of most AI homepages.
Jun 12, 2026
How Airbnb makes inventory feel like curation
The marketplace uses elevation, motion timing, and a warm palette to make two million listings feel handpicked instead of algorithmic.
Jun 12, 2026
Why Todoist built a task manager around a single red
Todoist ships with one accent color, system fonts, and the discipline to stop adding.
May 30, 2026
How Substack makes the platform disappear behind the writing
A design system built on typographic hierarchy and strategic restraint—analyzing how Substack's tokens prioritize content over chrome.
May 30, 2026
How Sentry uses neon accents to make monitoring feel less dystopian
A deep purple foundation, hot pink CTAs, and neon green alerts turn error tracking into something developers might actually want to open.
May 30, 2026
How Mux anchors five vibrant accents with a warm cream base
Mux grounds a five-accent palette in a warm cream foundation, signaling approachability without sacrificing developer credibility.
May 30, 2026
How Patreon balances creator brand and platform trust
A membership platform's design system splits identity between bold purple and utilitarian blue to serve two audiences at once.
May 30, 2026
Why Modal chose stark neon for serverless infrastructure
A pure black background, one neon accent, and aggressive contrast make Modal's design feel instant and unapologetic.
May 30, 2026
Why Klarna chose deep purple over fintech blue
A fintech homepage that breaks category conventions with saturated color, pill buttons, and display typography scaled to match consumer apps.
May 30, 2026
How Loom makes async video feel immediate
A video messaging platform built on Graphik's heavy weights, a single primary blue, and motion that keeps the UI from feeling static.
May 30, 2026
How Framer uses contrast to sell a design tool
Pure black, massive type, and one blue accent — Framer's homepage shows what happens when you push scale and restraint to their limits.
May 30, 2026
How Etsy signals handmade with serif headlines and warm orange
A marketplace design system that uses Guardian Egyptian, a warm orange primary, and an extended peach-to-coral palette to stand apart from sterile e-commerce.
May 30, 2026
How DoorDash simplifies local commerce with high-contrast geometry
DoorDash's design trades subtlety for speed — vivid backgrounds, generous radius, and a typography scale that eliminates ambiguity.
May 30, 2026
How Cloudflare uses one accent to anchor a technical platform
Cloudflare's interface proves that restraint with color—and precision with type—can carry an entire design system.
May 30, 2026
How Algolia signals speed through heavy type and electric accents
Algolia's design system pairs dark navy backgrounds with neon accents and oversized type to telegraph the speed their search API promises.
May 30, 2026
How Affirm uses type weight to soften fintech
The buy-now-pay-later service runs an ultralight hero against bold display type, signaling confidence without the usual fintech authority play.
May 30, 2026
How Bluesky uses restraint to compete with platform maximalism
The decentralized social network's design system strips away brand theater to emphasize content and portability.
May 30, 2026
How WorkOS uses purple to reframe enterprise software
WorkOS trades corporate blue for developer-focused purple, proving that SSO and directory sync can look as modern as the apps they protect.
May 22, 2026
How Wise uses neon green to reframe international transfers
A financial product that looks like a fintech startup—because speed and transparency matter more than marble counters.
May 22, 2026
How Webflow uses restraint to sell creative freedom
The platform that lets users build anything keeps its own interface minimal, leaning on a tight blue-and-white palette and disciplined motion.
May 22, 2026
Why Vercel's homepage makes speed visible
The frontend platform uses stark monochrome, instant transitions, and surgical motion to turn performance into a design language.
May 22, 2026
How Twitch signals live without overwhelming
The platform uses purple hierarchy, restrained motion, and a pulsing red badge to keep attention on streams, not chrome.
May 22, 2026
Why Threads ships with five grays and one blue
Meta's text platform uses minimal color and system fonts to get out of the way, leaning entirely on Instagram OAuth to earn trust.
May 22, 2026
How Trello uses restraint to organize everything
A tight color palette, 4px spacing grid, and subtle motion create a system that scales from personal task lists to enterprise workflows.
May 22, 2026
How Tesla strips its homepage to bare necessity
The carmaker's design system uses pure black-and-white contrast, system fonts, and zero decoration to project absolute confidence.
May 22, 2026
How Telegram builds trust through restraint
The messaging app's marketing site uses constrained motion, system fonts, and vanilla CSS to reinforce its speed-first reputation.
May 22, 2026
How Supabase makes Postgres feel approachable
The Firebase alternative leans on generous whitespace, restrained motion, and a design system that treats developers like designers.
May 22, 2026
How Stripe builds trust with a payment-grade design system
The company treats visual consistency as infrastructure, using design tokens and restrained motion to signal reliability at scale.
May 22, 2026
How Strava uses restraint to make orange feel athletic
Strava's design system proves that a single bold accent can anchor an entire interface when everything else steps back.
May 22, 2026
How Squarespace uses restraint to signal premium
The homepage trades velocity for editorial calm, using oversized type, neutral palettes, and minimal motion to position the product as a design tool.
May 22, 2026
Spotify's card grid: making density feel browsable
Spotify turns thousands of albums into scannable rows with dark cards, restrained motion, and a single accent color that never competes.
May 22, 2026
Why Slack built a brand on aubergine and restraint
The communication platform's design system shows how a single accent color and disciplined motion can scale across enterprise UIs.
May 22, 2026
How Shopify builds confidence through restrained motion
The commerce platform uses a disciplined timing system and strategic parallax to guide merchants without overwhelming them.
May 22, 2026
Why Robinhood switched its CTA color with the lights off
The investing app uses two primary brand colors—green in light mode, lime in dark—and the decision reveals how context shapes identity.
May 22, 2026
Why Resend pairs serif fonts with developer tools
A developer-focused email API borrows editorial polish to stand out in a crowded infrastructure market.
May 22, 2026
Why Render pairs deep purple with neon punctuation
Developer platforms usually pick blue. Render built a light-mode identity around `purple-primary` #8B00FF and strategic hits of cyan and lime.
May 22, 2026
Why Reddit keeps its loudest color in the margins
The platform's design restraint — one accent, neutral everything else — proves you can build density without chaos.
May 22, 2026
How Railway uses darkness to signal speed
A developer platform built on restraint: one accent color, two typefaces, and motion tuned for the perception of instant deploys.
May 22, 2026
How PostHog uses warmth to sell developer tools
A yellow primary, handwritten annotations, and staggered reveals turn open-source analytics into something approachable.
May 22, 2026
How PlanetScale uses speed as a visual language
The serverless database platform builds trust through motion timing and a two-color system that never oversells.
May 22, 2026
Why Patagonia's homepage rejects every scroll trick you know
The outdoor brand builds trust through typographic restraint, off-white calm, and motion so minimal it barely registers.
May 22, 2026
Why Pinterest's restraint makes the grid feel boundless
A single red, a narrow type scale, and motion calibrated to scroll speed—Pinterest's system steps back so the content can breathe.
May 22, 2026
How Notion keeps complex workspaces feeling navigable
Notion uses layered motion, a restrained navy palette, and 4px-grid discipline to make dense information hierarchies feel approachable.
May 22, 2026
How Nike builds confidence through restraint
Nike's homepage proves that athletic performance and visual performance share the same foundation: deliberate constraint.
May 22, 2026
How Mercury uses parallax to signal startup credibility
The banking platform leans on 3D motion and measured hover states to feel premium without looking stiff.
May 22, 2026
How Mailchimp uses yellow and serif to soften automation
The marketing platform pairs a bold primary color with warm neutrals and pill-shaped CTAs to make enterprise software feel approachable.
May 22, 2026
How Liveblocks builds trust through restrained motion
The collaboration platform uses dark surfaces, gradient glows, and tasteful parallax to signal technical sophistication without overwhelming the message.
May 22, 2026
Linear's restrained motion system
How Linear uses micro-interactions and depth to guide attention without overwhelming the interface
May 22, 2026
Why Lemonade chose hot pink and serif over insurance blue
Lemonade breaks category convention with `#FF0090` and Merriweather-style headings, proving warmth and energy can coexist with trust.
May 22, 2026
How Headspace uses color zones to pace a scroll narrative
Headspace's marketing site divides content into distinct background colors that transition smoothly, creating rhythm without heavy animation.
May 22, 2026
Why GitHub chose restraint over decoration
GitHub's design system proves that utility and personality can coexist when motion, color, and typography all serve the same goal.
May 22, 2026
How Fly.io makes infrastructure feel editorial
The platform pairs magazine-weight serifs with hand-drawn accents and staggered parallax to make global deployment approachable.
May 22, 2026
How Figma uses motion to teach its own interface
Figma's marketing site pairs a restrained color system with carefully timed animations that mirror the product's own collaborative rhythm.
May 22, 2026
How Duolingo uses motion and color to keep 500 million learners coming back
The language app stakes everything on a three-color system and scroll choreography that never feels like work.
May 22, 2026
How Dropbox uses lime to punctuate a restrained interface
Dropbox pairs a single accent color with surgical motion design to guide attention without overwhelming the product narrative.
May 22, 2026
How Discord balances 96px headlines with parallax play
Discord's dark homepage pairs extreme typographic weight with multi-layer 3D motion to signal both authority and approachability.
May 22, 2026
Why Convex chose olive and cream over pure black and white
Convex's muted earth-tone palette signals technical confidence without the cold sterility of typical developer tools.
May 22, 2026
How Coursera uses restraint to project institutional authority
The MOOC platform balances university credibility with consumer accessibility through a narrow palette and disciplined motion.
May 22, 2026
How Coinbase signals stability through motion timing
The exchange's UI animations use deliberate millisecond choices to convey enterprise confidence without sacrificing responsiveness.
May 22, 2026
How Clerk makes authentication feel like infrastructure
Developer-first auth UI that borrows visual restraint from tools while keeping just enough brand warmth to stay approachable.
May 22, 2026
How Calm trades interface speed for brand coherence
Slower motion timing, muted grays, and unconventional interaction patterns make Calm's UI feel like the product it sells.
May 22, 2026
How Cal.com uses restraint to compete with enterprise calendars
Open-source scheduling that borrows enterprise confidence through micro-decisions in motion, typography, and token discipline.
May 22, 2026
How Brex uses motion to sell enterprise software
The fintech startup's homepage pairs disciplined color and type systems with parallax choreography that makes spend management feel less like accounting.
May 22, 2026
Why Apple's homepage lets motion carry the hierarchy
Apple builds visual weight through timing and blur instead of color contrast, trusting 600ms transitions to establish what matters.
May 22, 2026