Design system gallery

Trustworthy security blue — 1Password's calm credential management for individuals and teams.

Editorial bold film studio — high-contrast typography, irreverent colors, art-house energy.

Editorial luxury beauty — muted ivory, deep serif type, apothecary minimalism.

Warm coral hospitality — Rausch red, Cereal type, marketplace photography.

Warm academic AI — terracotta on cream, serif undertones, the safety-conscious lab aesthetic.

Native Apple aesthetic — SF Pro type, soft blue accent, generous whitespace, system feel.

Apple-red music premium — coral-pink gradient on near-black, the lossless-audio aesthetic.

Playful custom browser — colorful sidebar tabs, rounded everything, personal-color theming.

Bold blue team-first — confident verbs, semantic color roles, and a system built for 350K teams.

Teal indie music marketplace — Bandcamp's slightly-dated-but-honest aesthetic for direct artist support.

Red note-app minimalism — Bear's calm focus-mode for serious markdown writers.

Dense orange-on-black data terminal — Bloomberg Terminal aesthetic, mono everywhere, finance-pro.

Sky blue social — Twitter's open-source successor, calm and decentralized.

Deep-navy travel marketplace — Booking's authoritative blue with yellow accents, the world's biggest stay platform.

Peach corporate cards — Brex's warm fintech-for-startups energy, friendlier than Mercury's premium dark.

Plain writerly newsletter tool — minimal monospace, no chrome, write-first.

Clean open-source scheduling — Cal Blue, soft chrome, Calendly's open cousin.

Soothing blue meditation — gradient skies, serif accents, breathing-room layouts.

Bold minimal consumer fintech — Cash Green, oversized sans, single CTA per screen.

Warm coral enterprise AI — Cohere's friendly orange on warm white, less Silicon Valley more research-lab.

Coinbase blue — the trustworthy front door to crypto, professional but consumer-friendly.

Warm-red reactive backend — TypeScript-everywhere dev infra with a friendly indie energy.

Editorial cinema curation — serif scholarship, restrained palette, library-of-film vibe.

Sharp minimal calendar — dark or light, monochrome, keyboard-first scheduling.

Lakehouse red on deep navy — Databricks' bold enterprise data platform, where AI meets the data warehouse.

Blurple gaming community — dark-first chat, gg sans type, neon energy.

Playful gamified language learning — Duolingo green, friendly cartoon mascot, candy-bright UI.

Warm orange handmade marketplace — earnest, craft-first, shop-from-small-makers vibe.

Expressive multi-color design tool — playful but professional, neon accents on neutral chrome.

Cosmic violet edge compute — dark canvas, spaceship energy, the edge-first cloud.

Animated gradient design tool — bold purple/pink gradients, sharp sans, motion-forward.

Developer-clear with status colors — the open-source product UI lingua franca.

Soft pink DTC beauty — Glossier Millennial Pink, friendly sans, mirror-selfie photography.

Pink indie commerce — Gumroad's hand-drawn-feeling creator-economy aesthetic.

Warm illustrated wellness — Headspace orange, hand-drawn circles and characters, calm-but-cheerful.

Community-built smart home — cyan-blue on dark slate, open-source warmth, card-based dashboard aesthetic.

Yellow emoji ML community — bright canary yellow with the hugging-face mascot, the open-source AI commons.

Swiss writing tool — monospace by default, focus-mode purist, anti-distraction maximalism.

Industrial enterprise — sharp corners, layered grays, and the calm authority of an 8-bar logo.

Yellow-and-blue Scandi retail — IKEA's flag-color brand, affordable design for the everyday.

Conversational customer support — friendly blue, rounded cards, inbox-first.

Pink-red indie game marketplace — itch.io's DIY storefront for game-jam creators and tiny weird games.

Bold primary-color play — LEGO red and yellow on white, brick-by-brick energy.

Dark, sharp, momentum-led — the engineering productivity aesthetic.

Quirky yellow SMB marketing — Cooper Bold display, Freddie the chimp, irreverent charm.

Personal, adaptive, expressive — dynamic color generated from a seed, pill-shaped buttons everywhere.

Royal-blue premium fintech — Mercury's dark cinematic banking, the anti-fintech fintech.

Sepia AI-art independence — minimalist tan-and-black, serif undertones, the Discord-native art commune.

French AI heat — orange-to-yellow gradient like a Mediterranean sunset, open-weights energy.

Coral consumer challenger bank — bright Monzo coral, friendly type, weekend-fun bank.

Japanese no-brand minimalism — beige paper, brick-red mark, the original anti-brand brand.

Neon-green serverless Postgres — branching DB on dark canvas, the modern Postgres-as-a-service.

Warm editorial productivity — black/white with sepia neutrals and a single accent.

Editorial authority — NYT serif, restrained black/white/red, masthead-and-grid layouts.

Minimal monochrome consumer-AI — near-black on white with a single emerald accent, the ChatGPT aesthetic.

Helsinki Blue wellness ring — premium dark canvas, gold accents, Nordic recovery aesthetic.

Earthy outdoor editorial — blue and forest green, serif accents, conservation-first photography.

Coral creator-economy — bright tomato-red, get-paid-for-your-art aesthetic.

Bold confident design agency — strong type, primary colors, partnership-driven identity.

True Turquoise AI search — paper-white canvas, sea-blue accent, calm research aesthetic.

Pinterest red on warm cream — masonry-grid visual discovery, save-and-try-it inspiration.

Editorial colorful presentations — sharp type, rainbow accents on neutral chrome.

Purple serverless MySQL — premium dark dev infra, database-as-code energy.

Minimal calm analytics — indigo accent, light type, privacy-first plainness.

Quirky analytics dev tool — PostHog Orange, hand-drawn hedgehogs, irreverent open-source vibe.

Yellow-and-ink B2B finance — Ramp's savings-first corporate card, the anti-spending fintech.

Dark prosumer command palette — sharp grotesk, mono shortcuts, no-nonsense launcher aesthetic.

Outdoor retail green — REI green, sturdy sans, gear-and-trail photography.

Mint-and-violet cloud — Render's friendly Heroku-successor aesthetic, dev-first hosting.

Minimalist model-hosting — near-black on white with playful orange accents, run-any-AI-via-API energy.

Orange browser IDE — dark canvas, agentic-coding energy, the build-anything-from-your-browser aesthetic.

Sharp dev-email — black-and-white with Resend gradient accents, modern API-first design.

Dark premium fintech — black canvas, neon gradients, super-app energy.

Clean retail investing — Robinhood Green on white, modern sans, accessible-feeling.

Violet error monitoring — dark purple canvas, the dev tool for finding bugs in production.

Near-black copy-paste components — the de facto Tailwind/React component aesthetic, designed to disappear.

Shopify green commerce — the consumer-facing marketing brand, warmer than the admin Polaris system.

Merchant-first warmth — near-black primary, soft pastel status surfaces, and a tactile depressible button.

Friendly aubergine workspace — Slack purple, Lato/Hellix type, plum chrome.

Friendly AI/ML developer tool — mint energy on cloud-white, training-run vibes.

Orange waveform — SoundCloud's iconic creator-music aesthetic with the orange play button.

Colorful 3D design — Spline's coral-violet-yellow palette, the Figma for 3D.

Bold green energy on near-black — Circular type, neon-y accents, music-forward.

Monochrome site builder — black-and-white elegance for small businesses and elegant portfolios.

Monochrome open-source generative AI — pure black-and-white, the Stable Diffusion company.

Dark-blue PC gaming — Steam's storefront aesthetic, the world's biggest PC games library.

Bold orange athletic — Strava Orange, athletic sans, performance-data-forward.

Infrastructure-grade polish — airy indigo with a multi-color gradient kept in reserve.

Editorial serif publishing — Stripe Press warm cream, modern serif type, book-as-brand.

Editorial creator-economy — Substack orange, serif headlines, newsletter-first.

Emerald open-source backend — dark canvas, Postgres-green accent, the indie Firebase alternative.

Premium fast email — purple gradient, keyboard-first, dark elegant chrome.

Sky-cyan utility-first — bright Tailwind teal on white, code-sample-as-hero aesthetic.

Tesla red minimalism — the futurist-auto aesthetic, photography-forward, restraint everywhere else.

Calm refined personal tasks — soft blue, San Francisco type, generous whitespace.

Black-and-white text social — Instagram's text successor, minimalist to a fault.

Pure-black audiophile music — TIDAL's minimal premium streaming for sound purists.

Black-and-white mobility — Uber's monochrome rideshare brand with green for Uber Eats.

Swiss minimalism for the frontend cloud — black, white, and 10-step accent scales when you need them.

Navy + cyan visual web — Webflow's confident designer-led no-code aesthetic.