DESIGN.md Library

A photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark canvases, framed by SF Pro Display headlines with negative letter-spacing and a single Action Blue (#0066cc)…

○ Light· SF Pro Text

Google began as a search engine and now describes a product family used by billions; its stated mission is to organize the world's information and make it universally accessible and useful.

○ Light

Microsoft makes public experiences for people, teams, and organizations across consumer software, cloud services, devices, and developer tools.

○ Light

Netflix is the streaming interface that taught the world what "lean-back" entertainment software should feel like — a dark, cinematic theater where the content is the only thing that glows.

◐ Dark· Netflix Sans

Spotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (#121212, #181818, #1f1f1f) where album art and content become the primary source of color.

◐ Dark· SpotifyMixUI

A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage that carries every primary CTA, search-button orb, and rating dot.

○ Light· Airbnb Cereal VF

An inspired interpretation of Uber's design language — a transportation-and-delivery super-app brand whose web surface is a black-and-white duet, framed by a custom geometric display sans, accented by a single signature pill shape (radius…

○ Light· UberMoveText

An inspired interpretation of Stripe's design language — a financial-infrastructure brand built on a deep navy ink, an electric indigo primary, and a recurring atmospheric gradient mesh that occupies the upper third of nearly every…

○ Light· SF Pro Display

Tesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothing.

○ Light· Universal Sans Display

|

○ Light· Helvetica Now Text Medium

Meta's design system spans hardware commerce (Quest VR, Ray-Ban Meta AI glasses) and brand surfaces with a confident product-merchandising voice.

○ Light· Optimistic VF

OpenAI's interface is the visual argument that powerful technology should feel quiet. The canvas is uncompromising near-black-on-white (#0d0d0d text on #ffffff), with the signature teal-green (#10a37f) reserved almost exclusively for the…

○ Light· OpenAI Sans

An inspired interpretation of Anthropic's design language — a warm, paper-toned research brand built on ivory and oat surfaces, near-black ink, a custom serif for statements and a custom sans for everything else, with fully rounded pill…

○ Light· anthropicSans

A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif display headlines, warm coral CTAs, and dark navy product surfaces (code editor mockups, model showcase cards).

○ Light· StyreneB

Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice — anchored by a deep navy hero band ({colors.brand-navy}) decorated with brand-colored sticky-note dots and mesh wire illustrations, a…

○ Light· Notion Sans

A confident black-and-white editorial frame interrupted by oversized, hand-cut pastel color blocks. The marketing canvas is rigorously monochrome — figmaSans variable type, pure white surfaces, pure black ink, pill-shaped CTAs — while each…

○ Light· figmaSans

A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection), light gray text (#f7f8f8), and the signature Linear lavender-blue (#5e6ad2) used as the single chromatic accent.

◐ Dark· Linear Display

An inspired interpretation of Vercel's design language — a developer-platform brand whose surface is a stark black-and-ink duet on near-white canvas, broken at hero scale by a multi-color mesh gradient (cyan / blue / magenta / amber) that…

○ Light· Geist

GitHub is the home of the world's software, and its interface reflects a deliberate engineering aesthetic: precise, legible, and quietly confident.

○ Light· SFMono-Regular

An inspired interpretation of Slack's design language — a workplace messaging brand built on a deep aubergine primary, with cream-lavender hero gradients, blue inline links, and pill CTAs.

○ Light· Salesforce-Sans

Discord is the place where communities hang out, and its interface is built to feel like a clubhouse, not an enterprise tool.

◐ Dark· Consolas

An inspired interpretation of Shopify's design language — a cinematic commerce platform that runs two parallel design tracks.

◐ Dark· NeueHaasGrotesk Display

An institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand. The base canvas is pure white; Coinbase Blue (#0052ff) is the single brand voltage, used scarcely on primary CTAs…

○ Light· Coinbase Sans

PayPal's homepage is a study in high-contrast black-and-white modernism punctuated by a signature sky blue hero. The page opens with an immersive pale-blue section (#60cdff) carrying a monumental black headline in PayPal Pro at nearly…

○ Light· PayPal Pro

|

○ Light· Aeonik Pro

An inspired interpretation of Wise's design language — a global money-transfer brand whose surface combines an unusually heavy near-black display sans (weight 900 at 64–126 px) with a vivid lime-green brand accent, sage-tinted surface…

○ Light· Inter

|

○ Light· Pin Sans

Reddit is the internet's self-described "front page" — and its design system, the Reddit Product Language (RPL), reflects exactly that: a platform built for content discovery at massive scale, where the design recedes so…

○ Light· Noto Mono

Twitch is the dark-mode-native home of live streaming, and its design language — known internally as Core UI, built on the Ultraviolet color system from the 2019 "Beyond Purple" rebrand — is engineered for one job: surrounding a glowing…

○ Light· Inter

Duolingo is the world's most-downloaded education app, and its interface is engineered to feel less like studying and more like a game you can't put down.

○ Light· Feather Bold

Dropbox's marketing surface reads like a warm editorial workspace rather than a sterile SaaS dashboard. The canvas is not white but Coconut — a warm cream (#f7f5f2) that the official brand site names as one of its three core colors …

○ Light· Atlas Grotesk

A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll explainer pages.

○ Light· Haas

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single confident blue (#0099ff)…

○ Light· Inter Variable

An inspired interpretation of Webflow's design language — a visual web development platform whose surface contrasts a deep near-black #080808 primary against a generous white canvas, broken by a five-stop chromatic accent system (purple /…

◐ Dark· WF Visual Sans Variable

An inspired interpretation of Supabase's design language — an open-source database platform built on a clean white-and-near-black system with a single signature emerald-green CTA, a custom humanist sans display tier, and dense product UI…

○ Light· Circular

An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (#f7f7f4) instead of the typical dark IDE atmosphere.

○ Light· CursorGothic

|

◐ Dark· Inter

|

○ Light· NVIDIA-EMEA

An enterprise-marketing canvas faithful to Carbon Design System: white surfaces, charcoal type, IBM Blue (#0f62fe) as the single confident accent, and a deliberately flat-square aesthetic where corners stay at 0–4px.

○ Light· IBM Plex Sans

Samsung Electronics presents consumer devices, services, and its Galaxy ecosystem across a broad public web estate. Its Korean public commerce and AI-product pages use a quiet product frame: white or pale-gray surfaces, black typography…

○ Light

BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive interface.

○ Light· BMW Type Next Latin

A luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is near-black (#181818) holding pure white display type; white-canvas bands appear only inside specific editorial contexts (preowned listings…

◐ Dark· FerrariSans

Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges from the void like a machine under a spotlight. The page is almost entirely black.

◐ Dark· LamboType

An inspired interpretation of Spasex's design language — a mission-oriented aerospace brand built on pure black canvas, full-bleed photographic and video heroes of rockets and Mars landscapes, and uppercase D-DIN display type set in tight…

◐ Dark· D-DIN

|

○ Light· PlayStation SST

Starbucks' design system is a warm, confident retail flagship wearing the green of their storefront apron across every surface.

○ Light

"The LEGO Group is a privately held company based in Billund, Denmark", still owned by the Kirk Kristiansen family who founded it in 1932 — Ole Kirk Kristiansen made his first wooden toy that year.

○ Light

IKEA sells home furnishings through a franchise system. In ikea.com's own words, "Inter IKEA Systems B.V. is the owner of the IKEA Concept and worldwide IKEA franchisor"; its registered office is Olof Palmestraat 1, Delft, the Netherlands…

○ Light· Grey text