Brands design systems

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

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

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

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

◐ Dark· Consolas

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

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

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

"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

"Zara es una de las principales empresas de moda internacional. Pertenece a Inditex, uno de los mayores grupos de distribución del mundo." Its business model "integra diseño, fabricación, distribución y venta, a través de una amplia red de…

○ Light· Signals only

Adobe's web presence is a study in letting the work shout while the chrome whispers. The homepage is an almost monochrome frame — pure white (#ffffff) canvas, black (#000000) text, white-on-dark navigation — wrapped around enormous…

○ Light· Adobe Clean

Salesforce's design language is enterprise software's most institutional blue, rebuilt for the AI-agent era. The marketing surface opens on a white canvas (#ffffff) with near-black body text (#080707), deep navy headlines (#032d60), and…

○ Light· ITC Avant Garde

Zoom's website communicates confidence and clarity through a dual-surface palette — a deep, immersive midnight navy (#00053d) hero paired with a clean white (#ffffff) body — that creates a dramatic first impression before settling into an…

○ Light· Almaden Sans

Cloudflare is the connectivity-cloud company that sits in front of a meaningful slice of the internet — CDN, DNS, DDoS mitigation, Zero Trust, Workers edge compute.

○ Light· Inter

NVIDIA's website is a high-contrast, technology-forward experience that communicates raw computational power through design restraint.

○ Light· NVIDIA-EMEA

Retool is the platform for building internal tools fast — the admin panels, dashboards, and operational apps that companies used to hand-code for months.

◐ Dark· Inter

Ramp is the corporate-card and spend-management platform that made expense software feel like a premium productivity tool rather than an accounting chore.

○ Light· Lausanne

Dell is one of the world's largest hardware makers, and its digital surfaces carry the weight of that scale: a global commerce engine selling laptops, monitors, servers, and workstations to consumers, gamers, small businesses, and Fortune…

○ Light· Dell Replica

Robinhood is the American brokerage that turned investing from a gated, mahogany-paneled ritual into something that looks and feels like a consumer app.

◐ Dark· Capsule Sans

Asana's 2026 homepage presents a dramatic evolution from its iconic multi-dot, coral-drenched brand of the 2010s toward a high-contrast, near-monochromatic editorial system that still pulses with unexpected chromatic moments.

○ Light· TWK Lausanne

Starbucks is the world's most recognizable coffee brand, and its digital surfaces translate the warmth of a "third place" — neither home nor work — into a calm, generous, premium-feeling interface.

◐ Dark· SoDo Sans

Slack is the work-messaging app that made enterprise software feel human. Where legacy collaboration tools shouted in cold corporate blues and grays, Slack leads with Aubergine (#4A154B) — a deep, warm eggplant purple that is unmistakably…

○ Light· Lato

Mercury is banking built for startups, and its interface carries the quiet confidence of software made by people who care about craft.

◐ Dark· Arcadia

Mastercard is one of the most recognized brands on earth, and its design language is built around a single, indelible asset: the two interlocking circles.

○ Light· Mark

Perplexity is an AI answer engine, and its design is built around a single idea: get out of the way of the answer. Where most AI products lean on neon gradients, glassmorphism, and a cold sci-fi chrome, Perplexity went the opposite…

○ Light· FK Grotesk

WIRED is the magazine of record for how technology shapes culture, the economy, and politics — and its visual identity is an editorial machine first, a website second.

○ Light· Akkurat

Nike's digital storefront is athletic minimalism turned into a sales engine. The page opens on pure white (#ffffff) with near-black ink (#111111) and a single high-voltage accent — Volt (#d8ff00 / commonly rendered #cdfb40) — held in…

○ Light· Helvetica Now

GOV.UK is the UK government's central digital platform — and its design system is one of the world's most influential public-sector design systems.

○ Light

Meta is the rebrand of Facebook, Inc. into a company organized around connection across the social graph, devices, and the immersive web.

○ Light· Optimistic Text

Studio is a no-code web design tool built for designers who refuse to compromise on craft. Its marketing site is the product's strongest argument: a near-monochrome, gallery-grade canvas where the work — beautiful portfolios, landing…

◐ Dark· Inter

Headspace is the warmest mental-health product on the internet, and its 2024 Italic Studio rebrand made that warmth structural rather than decorative.

○ Light

GitLab's design splits cleanly across two surfaces that share one identity. The marketing site (about.gitlab.com) is an ink-forward, editorial DevSecOps canvas — pure white (#ffffff) under a near-black plum ink (#171321) set in the custom…

○ Light· GitLab Sans

Twilio runs two coordinated but distinct visual surfaces, and the system only makes sense when you hold both at once. The marketing site (twilio.com) is a confident, ink-on-white developer-platform aesthetic: a deep near-black navy…

○ Light· Whitney SSm

XREX (台灣 XREX) is a Taiwan-born, regulated blockchain-driven financial institution, and its site carries itself with the calm authority of an institution that wants to be trusted with money.

○ Light· Sora

Plaid is the financial-data network that sits behind a huge share of US fintech, and its marketing surface reads exactly like infrastructure that wants to feel approachable: a crisp white (#ffffff) canvas, deep-navy and dark-teal ink, and…

○ Light· Plaid Sans

Mailchimp's website is a landmark in "outsider-art" brand design — a marketing platform that deliberately rejects the cool, gradient-heavy SaaS aesthetic in favor of something warm, hand-made, and unmistakably its own.

○ Light· Graphik Web

Patreon's marketing surface is the rare brand system that treats restraint as a stage and color as something it deliberately gives away.

○ Light· Oracle

Shinhan Card is a Korean specialist finance company whose stated business spans credit-card sales, cash advances, instalment finance, card loans, auto lease, and a broader platform-and-data business.

○ Light

Ragic's website is unapologetically utilitarian -- the visual language of a tool built by spreadsheet people, for spreadsheet people.

○ Light· Open Sans

HubSpot's homepage is a warm, modern marketing platform — approachable and energetic without sacrificing professionalism. The page opens on a canvas cream background (#fcfcfa), a softly warmed white that reads organic and friendly rather…

○ Light· HubSpot Sans

BBC's digital presence is the world's most visited public-service broadcaster website — a global newsroom that has built its design language around uncompromising clarity, accessibility-first principles, and the quiet authority of…

○ Light· BBC Reith Sans

HP is one of the founding companies of Silicon Valley, and its digital surfaces carry that legacy with a deliberate, engineered calm.

○ Light· Forma DJR UI

Octopus Energy is the UK's most awarded energy supplier, and its digital presence makes an immediately striking and distinctive impression: a deep cosmic indigo (#100030) canvas saturated with electric magenta (#f050f8) and cyan (#60f0f8)…

◐ Dark· Chromatophore