Brands813
to browse
← All design systems

Cool design systems

92 tokenized DESIGN.md references tagged cool.

AarkeRetail

Scandinavian premium-appliance minimalism — a stark off-white canvas, near-black ink, and a cool stainless-steel gray scale rendered in a clean neutral grotesk with tight tracking, square-cornered chrome, and gallery-grade whitespace that lets the products speak.

Active TheoryDesign

A pure-WebGL interactive studio where pure black dissolves into deep-space particle fields, neon violet and electric teal light the 3D scenes, and a single bespoke typeface — NBArchitektStd — renders every word as geometry inside a living environment.

AdobeDesign

Adobe Spectrum — clean utility design system anchored by Adobe Clean typeface, a precise neutral gray scale, Adobe Red for alerts, accent blue for interactive elements, and measured 8px-base spacing with medium rounding.

AffirmFinance

Deep navy-to-near-black canvas with a periwinkle-blue brand accent, custom Axiforma at featherlight weight 300 for all display text, and fully-rounded pill CTAs — buy-now-pay-later that reads as sophisticated software, not a lender.

Alo YogaRetail

Studio-to-street activewear brand where a pure white canvas and absolute black anchor every surface, uppercase Proxima Nova at weight 900 shouts confidence without a serif in sight, and zero border-radius on every CTA signals that softness is saved for the leggings.

Anastasia KasDesign

Editorial designer-portfolio minimalism — Playfair Display serif headlines over Google Sans Code monospace body on a cool slate canvas, numbered index navigation, soft rounded cards, and a single restrained blue accent.

Arc'teryxRetail

Precision outdoor apparel design system: near-black canvas, full-bleed alpine photography, Elan ITC Pro uppercase display paired with Helvetica Now Display body, and a near-zero radius geometry that reads like technical equipment.

AudiAuto

Vorsprung durch Technik made digital — a near-black

AuthKitDev Tools

Developer-auth minimalism — near-black canvas, crisp white ink, a single confident indigo accent, Radix-UI-grounded components with soft medium radii and hairline borders. The aesthetic of a polished login box scaled up to a marketing site.

BasecampProductivity

A clean, confident project management canvas where a signature cobalt blue anchors every call-to-action against a white or mint-tinted ground, Graphik grotesk keeps copy direct and human, and generously rounded corners plus hand-drawn accents give a rock-solid tool an unexpectedly warm, approachable character.

BlizzardGaming

A deep-navy cosmos where cinematic game art carries the emotion and Blizzard Blue ignites every interactive surface — Poppins headlines over Archivo body text, full-pill CTAs with a glowing blue gradient, and an overwhelmingly dark canvas built for epic storytelling.

BraveBrowser

Near-white canvas, indigo-blurple primary CTAs, a bold editorial serif display font (FlechaM), thick 2px dark borders, and pill-shaped buttons — a newspaper-meets-browser aesthetic that communicates trust through typographic confidence.

BronnFinance

Dark, AI-native fintech minimalism — near-black charcoal canvas with crisp off-white ink, a single confident accent for CTAs, hairline borders over solid fills, and a clean geometric sans for accounting clarity. Restraint as trust.

CalmProductivity

A serene midnight-gradient canvas system where deep navy-to-indigo backgrounds carry the emotional weight, Circular Std's geometric warmth anchors every word, and nature photography breathes through every surface — a meditation app that makes stillness feel like a product feature.

Car CompanySaaS

Clinical-grade calm — a near-white clinical canvas, charcoal ink, and a single teal accent reserved for status and CTAs. Modern grotesque sans, generous whitespace, low-radius cards, and outline iconography that signal healthcare-logistics infrastructure rather than marketplace flash.

Character.aiAI

Achromatic near-black design system with a custom geometric sans-serif, soft pill-and-rect radius grammar, and atmospheric dark imagery — companion AI framed as a cinematic stage rather than a software product.

ChimeFinance

A deep forest-green canvas lit by a single signature mint, where two proprietary typefaces — a wide geometric display and a rounded humanist body — make banking feel approachable, modern, and free of the anxiety that clings to traditional finance brands.

CiscoEnterprise

Momentum Design System — enterprise networking authority through deep navy canvases, electric Cisco Blue accents, Inter at medium weight, conservative 4px grid, and subtle multi-layer shadows.

CloudflareEnterprise

Infrastructure-grade clarity — FT Kunst Grotesk at medium weight with tight negative tracking, signature orange

ColumnFinance

Engineered banking infrastructure — Suisse Intl with mono companion, deep teal-ink canvas, a signature money-green accent, hairline borders and code-block storytelling. Developer-fintech restraint where the API is the product and the type does the talking.

Copilot MoneyFinance

A deep-navy personal finance app that pairs a rounded semi-bold display face with an ultra-thin variable sans, using electric green for every primary action and colorful categorical pills to turn budget categories into an inviting, playful palette.

Cowboy (e-bikes)Auto

Dark-first design system for a premium urban e-bike brand — near-black canvas, SuisseIntl type, pill CTAs, and photography-driven depth.

DatadogEnterprise

Enterprise observability platform with a clean white canvas, NationalWeb's wide-ranging weight system, signature purple CTAs, and a restrained technical confidence that never shouts.

Desktop FMProductivity

Toy-like, tactile minimalism — a flat slate-gray canvas with soft rounded "app card" surfaces, electric-blue accent, chunky 700-800 weight system type with tight negative tracking, and oversized squircle radii (25px cards, 20px buttons) that make the whole interface feel like a single physical object you can press.

DiffusionMedia

Browser-native video studio minimalism — near-black canvas, high-contrast white ink, a single electric violet accent, geometric Inter-style sans with tight display tracking, and softly rounded surfaces that frame timeline and canvas previews like product chrome.

DribbbleDesign

Community platform for designers — deep navy canvas, signature pink accent, Mona Sans variable font, and pill-dominant geometry that softens a professional marketplace into an approachable creative feed.

EclipseDev Tools

Cosmic minimalism for an SVM L2 — deep space-navy canvas, near-white ink, violet-to-blue accent gradients, sharp-cornered cards with hairline borders, and a clean geometric sans that lets atmospheric moon/star imagery carry the mood.

Eight SleepRetail

Sleep-fitness premium system built on a clean white-to-near-black duet — NeueMontreal at refined light weights with a periwinkle-indigo accent signal that technology lives beneath the calm surface.

Epic GamesGaming

A pure-black gallery wall where full-bleed game art is sliced into vertical panels, white uppercase Brutal Bold display type stamps each title like a marquee, and a single electric blue button is the only saturated thing on screen — game-publisher marketing built as a cinematic, high-contrast dark grid.

Flint SystemDesign System

A dark-first, token-architected design system — near-black

GitHubDev Tools

A deep navy-black developer canvas where Mona Sans sets bright-white headlines, GitHub's signature green carries the one true CTA, and a constellation of dev-accent blues, purples, and limes glow against the dark — a marketing site that reads like the IDE it serves.

GitLabDev Tools

A near-black canvas lit by signature tanuki orange and electric purple — GitLab Sans at aggressive negative tracking, a hero gradient that blooms from lavender to warm peach, and a sharp-yet-approachable 4–8px radius vocabulary that says "DevSecOps platform" without shouting it.

GleanAI

Enterprise AI search platform — pure white canvas, Polysans typeface family with weight-400 neutrality, a single saturated indigo-electric primary, pill-radius buttons at 64px, and brand-tinted shadow treatment throughout.

GrammarlyProductivity

A trustworthy, white-canvas writing-assistant identity anchored by a single deep teal-green, where the custom Matter grotesk sets heavy 670-weight display headlines, a Messina serif adds editorial warmth, and crisp 6px corners with whisper-soft slate shadows keep the AI feel clear, calm, and credible.

HiggsfieldAI

A dark-cinematic AI video studio where electric chartreuse punctuates a near-black canvas, a single grotesque typeface carries every scale from 96px hero to 12px label, and motion-first energy is expressed through full-bleed video previews, tight rounded cards, and a signature neon-green accent reserved exclusively for interactive signals.

iCareGaming

Cinematic 3D dreamworld interface — a near-black canvas pierced by soft luminous teal and warm amber light, oversized display type set tight, glassy translucent overlays floating over a real-time rendered world. Atmosphere over chrome; the UI dissolves so the world can breathe.

IdeogramAI

A bright white creative studio where Exposure VAR headlines in tight negative tracking meet Manrope's precision in the UI, a lime-green badge is the only chromatic signal in an otherwise near-monochrome system, and a frosted-glass prompt bar floated on pure white invites you to make something.

Logitech GGaming

Gaming peripherals brand running a near-black arena canvas, the signature Logitech G electric-blue accent on full-pill CTAs, the custom Brown typeface in bold uppercase labels, and cinematic product photography that makes hardware look like campaign art.

LoomSaaS

Token-first design system reference for Loom.

LottieFilesDesign

An animation-platform built on white canvas and teal motion — DM Sans display headings at extreme negative tracking, Inter for UI, and a signature teal primary that signals life and interactivity rather than static SaaS.

LunarFinance

Nordic digital bank confidence — SharpGrotesk at 62px weight 600, near-black atmospheric canvas, electric green accent, squared CTAs with squircle detail, and restraint bordering on monochrome.

MarblexGaming

Web3 gaming energy — a near-black cobalt canvas with an electric MARBLEX blue accent, bold condensed display type, glowing gradient CTAs, and pill chrome. "Fun Comes First" rendered as a dark, high-contrast, neon-edged gaming token system.

MonosRetail

Achromatic premium luggage retail — GT Standard at controlled weights, near-black on white, strictly square buttons, oblique directional shadows, and photography supplying every chromatic moment.

MotionProductivity

A clean, confident AI productivity SaaS built on a white canvas with Albert Sans headlines, a single cobalt-blue CTA accent, and an 8px radius-dominated shape language that communicates precision without coldness.

N26Finance

European mobile bank where a custom condensed grotesque (N26-Extended) sets cool authority at display scale, a contained teal accent signals precision over warmth, and small-radius buttons reject the finance-app pill trend in favor of crisp, confident geometry.

NeonDev Tools

A pure-black terminal canvas lit by a single electric neon-green, where Inter headlines compress to brutal negative tracking, GeistMono carries the CLI voice, and a white pill button sits beside a glowing green one — serverless Postgres rendered as a dark, after-hours engineering console.

NetflixMedia

The most recognizable dark interface in entertainment — a pure black canvas where Netflix Sans runs heavy and white, the iconic

NetlifyDev Tools

Dark-canvas developer platform with a signature aqua-teal accent, Figtree at heavy weight for display, Martian Mono for code-voice sections, and full-pill buttons throughout — warm at scale, precise in detail.

Norse ProjectsRetail

Near-white Scandinavian canvas set in Helvetica Neue Condensed, where the fog-grey wordmark and hairline borders carry the full visual language of a Copenhagen menswear house that treats restraint as philosophy.

NuxtDev Tools

Dark-first developer authority — a near-black navy canvas (`#010518`) and the luminous Nuxt green (`#00dc82`) strike a balance between technical precision and forward-leaning modernity, with Public Sans's geometric neutrality making every line of code feel inevitable.

OpenAIAI

Restrained clarity — OpenAI Sans with gentle negative tracking, pure-white canvas, achromatic ink, pill-shaped pill buttons with whisper-light borders, and extreme whitespace as the hero's main event.

OpenSeaFinance

A near-black NFT marketplace built like a trading terminal — GT America in white over inky panels, a left navigation rail, dense sortable data rows, and a calm marine-blue accent with green/red price signals that let the artwork thumbnails carry all the color.

OracleEnterprise

Redwood Design System — enterprise authority anchored in Oracle Red, Oracle Sans variable font, generous whitespace, clean geometric forms, and a warm neutral canvas that frames cloud-product complexity.

Orion (Kagi)Browser

Near-white canvas with a faint lavender lift, a single violet-purple brand accent, Lufga's geometric warmth at every size, and a clean precision that says privacy doesn't have to be austere.

PalantirEnterprise

Defense-grade restraint — deep charcoal-navy canvas, Alliance No.1 at zero-weight confidence, electric-blue hover accent used surgically, near-zero border radius, and an achromatic palette that communicates operational seriousness over brand expressiveness.

PlaidFinance

A near-white fintech canvas where Plaid Sans governs every surface with precision weight control, a signature holographic gradient CTA sits against deep-navy product cards, and fine shadow layers communicate hierarchy without ever reaching for saturated brand color.

PlanetScaleDev Tools

Engineering-first database platform — near-white canvas with charcoal monospaced headlines, a single fire-orange CTA, and Inter body text. Technically precise, with a subtle warmth that says "built by engineers, for engineers."

PolestarAuto

Token-first design system reference for Polestar.

PrismaDev Tools

A near-white developer canvas where GitHub's Mona Sans swings from feather-light 64px headlines to ultra-black 900-weight statements, deep Prisma teal carries every primary action, and Inter keeps the body copy quiet — an ORM marketing site that reads as calm, type-led infrastructure documentation.

ProcreateDesign

A cinematic dark-canvas creative suite where SF Pro at heavy-semibold weight anchors expressive headlines, an electric blue is the only chromatic signal across near-black surfaces, and full-bleed device photography does the emotional work that other brands reserve for illustration.

ProtonProductivity

Privacy-first productivity suite — off-white canvas, ProtonSerif display type at aggressive negative tracking, signature electric violet accent, and gentle purple-tinted gradients that communicate trust without severity.

PublicFinance

A deep navy-charcoal investing platform where a featherlight editorial serif sets cinematic display headlines, a clean custom grotesque handles the data, and a saturated cobalt blue anchors every call to action — serious money dressed for the evening, not the trading floor.

RazerGaming

Gaming hardware brand with a pure-black canvas, iconic neon-green

ReflectProductivity

A near-black space canvas lit by violet-indigo glows where AeonikPro display headlines carry confident weight and Inter V handles the reading, and every surface suggests depth through luminous purple accent halos rather than hard light.

RenderDev Tools

A bright-white cloud hosting platform with Roobert's ultra-light 300-weight display headlines, a single saturated Render Purple CTA, sharp-cornered cards separated by a warm light-gray border system, and a signature purple-to-amber gradient reserved for brand-level declarations.

RimacAuto

Hypercar-dark design system — near-black canvas, TTSupermolotNeue uppercase display, Roboto body, white ghost CTAs, zero border radius, cinematic full-viewport photography.

SalesforceEnterprise

Lightning Design System — cloud-enterprise authority through warm-neutral surfaces, accessible cloud-blue accents, Salesforce Sans variable-weight headings, generous 8px-base spacing, and purposeful soft-shadow depth.

SAPEnterprise

SAP Fiori design language — enterprise clarity through SAP Blue authority, the 72 Brand typeface at medium weight, soft-shadow depth on white canvas, and 8px-base spacing that balances information density with generous breathing room.

ServiceNowEnterprise

Now Design System — enterprise workflow platform rendered in signature forest green and deep navy, ServiceNow Sans custom typeface, 8px spatial grid, and a purposeful tiered elevation system that keeps complex SaaS density readable.

SlackSaaS

A bright white workspace canvas where deep aubergine does all the brand work — the unmistakable plum that fills every primary button and frames the multicolor hashtag logo — paired with a confident grotesque display and a quiet steel-blue link. Productivity software that reads as warm and human, not corporate.

SnowflakeEnterprise

Enterprise data cloud design language — white and deep-navy dual surfaces, signature Snowflake Blue accent, Texta Black display headings with uppercase transforms, generous pill-radius buttons, and a deliberate all-caps labeling pattern throughout.

SolanaFinance

A pure-black crypto canvas lit by a single purple-to-green gradient aura where ABC Diatype carries everything at airy light weights, a Diatype Semi-Mono runs the tiny tracked labels, the primary CTA stays a clean white pill, and the brand's signature magenta-violet glow does all the chromatic work.

SophonDev Tools

Apple-system minimalism for an onchain consumer network — Helvetica Neue on a near-black canvas, iOS-grade grays, a single electric blue accent, uppercase mono labels with positive tracking, and full 100px pill geometry. Restraint as confidence.

Starling BankFinance

UK digital bank with a deep aubergine identity, electric teal calls-to-action, a custom variable grotesque (Avantt) for display, and semi-monospaced CoFo Sans for UI labels — premium clarity without fintech sterility.

SteamGaming

A dark blue-black gradient cavern where Motiva Sans keeps the chrome quiet, the classic luminous Steam blue carries every link and live region, and a dense grid of game capsules turns the whole storefront into a glowing shelf — PC-gaming retail built for browsing thousands of titles in the dark.

TonalRetail

Premium home strength-training system built on a near-black earthy canvas with electric mint CTAs — GT America Expanded at black-weight uppercase delivers athletic authority, while the deep charcoal-olive surface projects hardware-grade confidence.

TrelloProductivity

Kanban-native productivity tool in the Atlassian family — deep navy canvas tone, a bright action blue CTA, Charlie Display headings over Charlie Text body, small 4.8px radius throughout, and brand-navy-tinted shadows that give every card a deliberate, grounded lift.

TwitchMedia

Live-streaming's signature purple, weaponized. Twitch builds its whole identity on one electric violet (#9147ff) that fills the primary button, tints every link, and washes the footer banner, set against a near-black app canvas and crisp white marketing pages with a tight Roobert-grotesque headline and Inter UI labels.

UbisoftGaming

A near-black gaming arena where cinematic game art dominates full-bleed hero panels, Ubisoft Sans drives the type from bold display to tightly tracked UI labels, and a single electric blue CTA punches through the dark — game-marketing confidence without the neon overkill.

UnityGaming

A dark-first, dual-mode system built around the Nohemi display face and Inter for UI — the "Mango" design language uses a near-black canvas, pill-shaped blue CTAs, and a restrained gray palette to position the world's most-used game engine as a professional developer tool rather than a gaming brand.

Volvo CarsAuto

Scandinavian calm rendered in software — an airy white canvas, Volvo Novum's humanist sans, deep Prussian-blue ink, and a single brighter-blue accent reserved for interaction. Restraint, safety, and breathing room as a design language.

VueDev Tools

Approachable authority — Inter's clean precision anchors a calm white-to-slate canvas where a single signature green (`#42b883`) earns every pixel of attention it occupies across CTAs, links, and hover states.

Warby ParkerRetail

A two-typeface eyewear brand where Ivory LL's editorial serif carries every headline and ABC Social's clean grotesque handles utility — navy-deep CTAs alongside brilliant blue accents on white, full-radius pill buttons, and product photography so good the chrome barely needs to try.

WaterlooRetail

Token-first design system reference for Waterloo Sparkling Water.

WealthfrontFinance

A deep navy-indigo canvas where Calibre's tightly tracked sans commands the headlines with compressed 0.90 line-heights, GT Alpina's extralight serif glides in for editorial counterpoint, and a single saturated indigo-violet is the only chromatic force — a robo-advisor that looks and feels like an investment-grade design system.

WhoopRetail

High-performance athletic system built on a near-black canvas with electric indigo CTAs — Proxima Nova at muscular display weights communicates data-driven confidence for serious athletes.

WindsurfAI

Precision AI-editor minimalism — pure white canvas, Inter with aggressive negative tracking, electric blue

WithframesProductivity

Apple-keynote minimalism in the dark — near-black canvas with off-white SF text, pastel multi-color gradients (lavender/sky/cyan) as the only chroma, pill buttons, and large compressed display type. A film-camera app site that borrows the macOS product-page grammar.

WorkdayEnterprise

Canvas Design System — enterprise human capital management through deep navy authority, Workday Blue as the singular interactive accent, Acid Grotesk weight contrast, pill-shaped CTAs on a clean white canvas, and purposeful soft-shadow depth.

WorkOSDev Tools

Enterprise auth infrastructure with a designer's sensibility — Untitled Sans at extreme negative tracking, an indigo-violet primary, a teal accent for secondary CTAs, and a whisper-cool off-white canvas that feels like the product itself.

XboxGaming

A near-black arena where full-bleed game art does the talking, Segoe UI keeps the chrome quietly Microsoft-square, and the signature Xbox green ignites into an electric lime CTA — gaming-console marketing built for hype on a dark canvas.

ZedDev Tools

A code editor that dresses like a literary journal — soft paper-gray canvas, an IBM Plex Serif headline set in electric Zed blue, slate body sans, and 2px corners everywhere, so the marketing site reads as quiet, fast, and craftsman-made rather than another neon dev-tool splash.