uxskill
Star on GitHub
Language
English 简体中文 繁體中文 日本語 한국어 हिन्दी Bahasa Indonesia Tiếng Việt ไทย العربية Español Français Deutsch Português Русский Türkçe Italiano

Brand catalogue · v2.4.0

# 160 brand DESIGN.md specs.

The recommender doesn't guess. Each brand is a queryable `spec.json` and a prose `DESIGN.md`: palette, typography, philosophy, components observed, voice do's-don'ts, anti-patterns to avoid. The AI session pulls the whole spec, not a slogan. Apple, Stripe, Linear, Vercel, Ferrari, Anthropic, and 154 more.

160 brand specs 9 categories MIT · no telemetry
#1password Developer Tools

### 1Password

1Password's web presence is security-trust-as-friendly chrome, a deep navy (#0a2540) as the primary anchor, a soft sky blue (#5b8def) as the brand accent, and illustration-driven heroes featuring people in everyday secure contexts (logging into accounts, sharing access with family). The atmosphere is friendly enterprise security: confident but approachable, never alarm-bell, never dark-pattern.

spec.json DESIGN.md link
#adidas Consumer / Lifestyle / Retail

### Adidas

Adidas's web presence is sports-and-streetwear editorial, the three-stripes wordmark, an unapologetic black-on-white chrome, athletic-action photography blended with high-fashion lookbook crops, and a single chromatic accent (often the season's signature color: lime, electric blue, or solar red). The atmosphere is performance-meets-runway: track athletes shot under stadium lighting and street-style models shot in deconstructed urban contexts share the same chrome.

spec.json DESIGN.md link
#aesop Consumer / Lifestyle / Retail

### Aesop

The deepest apothecary in beauty, sepia canvas, chocolate ink, Walbaum serif everywhere, text-link CTAs instead of buttons. Reads like a 19th-century pharmacopeia.

spec.json DESIGN.md link
#airbnb Consumer / Lifestyle / Retail

### Airbnb

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.

spec.json DESIGN.md link
#airtable Productivity / Collaboration

### Airtable

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.

spec.json DESIGN.md link
#allbirds Consumer / Lifestyle / Retail

### Allbirds

Warm-minimalism e-commerce, ivory canvas, sage and terracotta worn-material accents, serif-display literary voice, product photography on textured paper.

spec.json DESIGN.md link
#aman-resorts Travel / Hospitality

### Aman Resorts

An inspired interpretation of Aman Resorts, the Singapore-founded ultra-luxury collection of 30+ properties known internally as 'the world's most discreet hotel brand'. Where Four Seasons whispers, Aman is nearly silent. Canvas is bone-white (#f4f0e8) or deep monsoon-black. Type is a restrained serif (custom Aman Serif / Garamond) at modest sizes, refusing the 80px display headlines that every other luxury brand has adopted. Photography is meditative travel-photography, no people, no smiles, no tables-with-wine; instead, single tatami rooms at dawn, fog over a Bhutanese valley, water-lily ponds at dusk. The brand voice is 'sanctuary', a word Aman uses in every property description. The chrome is so reduced it nearly disappears, treating each property as a privately-owned retreat the visitor is being granted access to.

spec.json DESIGN.md link
#amazon Consumer / Lifestyle / Retail

### Amazon

Amazon's storefront is the textbook density-over-elegance e-commerce surface, Ember system font, dense product grids, yellow 'Add to Cart' as the brand voltage, conversion-engineered chrome where every pixel earns its place by lifting purchase rate. The atmosphere is utilitarian to the point of austerity; chrome is gray-on-white-on-blue, accents are amber-yellow and orange, and the product imagery does the heavy lifting.

spec.json DESIGN.md link
#anthropic AI / ML Platform

### Anthropic

An inspired interpretation of Anthropic's corporate-research brand language, the company surface (anthropic.com) sister to the Claude product, but tuned for research papers, policy posts, and hiring rather than for trying a chat product. The brand reads as a literary technology publisher: warm putty canvas, Tiempos serif at every display tier, narrow editorial column widths, a thin red-clay accent kept almost entirely in reserve.

spec.json DESIGN.md link
#apple Consumer / Lifestyle / Retail

### Apple

A photography-first interface that turns marketing into a museum gallery.

spec.json DESIGN.md link
#apple-music Consumer / Lifestyle / Retail

### Apple Music

An inspired interpretation of Apple Music's marketing design language, a light-canvas streaming service that pairs Apple's clean SF Pro typography with full-bleed album-cover-driven multi-color hero bands. The brand surface is a white canvas chrome with the album-cover artwork acting as the entire chromatic system, every page derives its color from the featured album/artist, making the brand a chameleon dressed in SF Pro.

spec.json DESIGN.md link
#arc-browser Developer Tools

### Arc Browser

An inspired interpretation of The Browser Company's Arc brand language, the post-Chrome browser that treats the address bar as the enemy. The brand canvas is a soft warm off-white (#f5f3ed) with deep ink, or alternatively a watercolor-gradient hero band sweeping pastel coral, peach, and lavender across a hand-drawn marketing page. The voice is wide-eyed earnest tech-utopianism, sentence-case headlines, generous serif accents (Söhne or Inter for body, with proprietary curvilinear display nameplates), and animation that feels closer to children's illustration than browser-chrome. Arc is the brand where motion is the marketing.

spec.json DESIGN.md link
#asana Productivity / Collaboration

### Asana

Asana's web presence is project-management-as-flow chrome, a coral-orange primary (#fc636b), gentle dot-pattern brand mark (referencing the three-dot 'Asana' icon), and illustration-driven heroes featuring teams in motion. The atmosphere is friendly productivity SaaS: warm, optimistic, and committed to 'work without the chaos.' Cards round at 8-16px and the chrome leans into approachable enterprise.

spec.json DESIGN.md link
#audi Automotive

### Audi

Audi's web presence is German-engineering luxury, the Four Rings logo, a near-monochrome chrome with pure-white canvas and dark gray ink, and cinematic vehicle photography in muted automotive-grade lighting. The atmosphere is precision-luxury: every CTA, every section break, every photograph reads as 'designed by engineers, finished by designers.'

spec.json DESIGN.md link
#bentley Automotive

### Bentley

Bentley's web presence is British luxury automotive, the winged 'B' wordmark, a near-monochrome dark chrome with a deep racing-green secondary accent, and editorial photography that treats the vehicle as a coachbuilt artifact rather than a transportation product. The atmosphere is heritage-bespoke; every page references handcrafted leather, marquetry, and 100+ years of British coachbuilding.

spec.json DESIGN.md link
#binance Fintech / Crypto

### Binance

A confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries every primary CTA, brand accent, and value-claim moment.

spec.json DESIGN.md link
#bloomberg Editorial / Media

### Bloomberg

Financial-news institution using its terminal heritage as design language, black canvas, orange voltage, ticker scroll at every page, hairline-rule rhythm, tabular figures everywhere numbers appear.

spec.json DESIGN.md link
#bmw Automotive

### BMW

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

spec.json DESIGN.md link
#bmw-m Automotive

### BMW M

A motorsport-engineering interface anchored on a near-black canvas with white BMW Type Next Latin display headlines in confident UPPERCASE.

spec.json DESIGN.md link
#booking-com Travel / Hospitality

### Booking.com

An inspired interpretation of Booking.com, the Amsterdam-based travel-booking behemoth whose brand discipline is the opposite of luxury hospitality: dense, data-rich, urgency-driven, and unapologetically transactional. Canvas is pure white with crisp ink. The signature is the Booking.com blue (#003580) used at full saturation on the navigation, on the primary 'Search' CTA, and on the wordmark, a deep cobalt that reads as 'trustworthy financial institution' more than 'travel'. Type runs a precise grotesk (Booking Sans / Roboto / system grotesk) at modest scale. The brand voltage is the urgency overlay, '5 people are looking at this property', 'Last booked 2 hours ago', micro-copy interventions that turn search results into a high-pressure auction floor.

spec.json DESIGN.md link
#bose Consumer / Lifestyle / Retail

### Bose

Bose's web presence is the premium-audio brand's editorial chrome, black-and-white duotone product photography on a clean white canvas, restrained typography (Inter or Helvetica Neue), and a single accent color used only on CTAs. The atmosphere is hi-fi audio reverence; cards lean rectilinear, motion is restrained, and the product photography (headphones, speakers, soundbars) carries the prestige.

spec.json DESIGN.md link
#brave Developer Tools

### Brave

Brave's web presence is privacy-first browser chrome, Brave Orange (#fb542b) as the brand voltage on CTAs, dark canvas (#13141b) on the marketing surface, and a typography stack that pairs a modern display sans with a clean body. The atmosphere is privacy-as-feature: confident, slightly contrarian, and built around the message 'the web you deserve, without the surveillance.'

spec.json DESIGN.md link
#brex Fintech / Crypto

### Brex

Dark-editorial financial magazine for ambitious mid-market, coffee-black canvas, amber voltage, serif display at magazine-cover scale, surface-flip rhythm between coffee bands and cream pricing.

spec.json DESIGN.md link
#bugatti Automotive

### Bugatti

An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed automotive photography as the only voltage.

spec.json DESIGN.md link
#cal Productivity / Collaboration

### Cal.com

A clean, calendar-software-first interface anchored on white canvas with black primary CTAs and custom Cal Sans display typography.

spec.json DESIGN.md link
#claude AI / ML Platform

### Claude

A warm-canvas editorial interface for Anthropic's Claude product.

spec.json DESIGN.md link
#clay Editorial / Media

### Clay

A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform).

spec.json DESIGN.md link
#clickhouse Developer Tools

### ClickHouse

A high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage.

spec.json DESIGN.md link
#cloudflare Developer Tools

### Cloudflare

An inspired interpretation of Cloudflare's brand language, the global-network infrastructure brand that operationalizes a single chromatic asset: orange. The orange (#f48120) is reserved with monastic discipline for the brand mark and primary CTAs. Canvas is white-to-near-white with cool blue-gray ink. Type runs a precise grotesk (Inter / IBM Plex / proprietary Sans) and the brand projects 'global, infrastructural, calm', never SaaS-marketing kinetic. The mark, a stylized orange cloud, appears on the navigation; the rest of the page reads as quiet, dense, technical documentation.

spec.json DESIGN.md link
#cohere AI / ML Platform

### Cohere

Cohere's 2026 web system is a controlled enterprise AI interface built from stark white editorial space, deep green-black product bands, soft mineral surfaces, rounded media cards, and a distinctive type split between monospaced-feeling display headlines and precise Unica77 UI text.

spec.json DESIGN.md link
#coinbase Fintech / Crypto

### Coinbase

An institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand.

spec.json DESIGN.md link
#composio Developer Tools

### Composio

A developer-tools brand for AI-agent tool integration whose marketing surfaces lean into a dark, technical aesthetic with a single deep-electric-blue voltage (#0007cd).

spec.json DESIGN.md link
#cursor Developer Tools

### Cursor

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.

spec.json DESIGN.md link
#datadog Developer Tools

### Datadog

Institutional observability brand with personality, purple-on-white with a serif display, anchored by the Bark dog-mascot illustration system.

spec.json DESIGN.md link
#dbt Developer Tools

### dbt Labs

An inspired interpretation of dbt Labs' design language, the analytics-engineering platform built on a deep navy-violet (#262a38) canvas, a signature dbt-orange (#ff694a) accent, and a hex-pixel motif (the 'dbt cube' / pixel-cluster mark) recurring across the surface. The brand reads as 'analytics engineering', half data-warehouse-serious, half developer-tool-friendly, with the SQL editor as a recurring hero device.

spec.json DESIGN.md link
#dezeen Editorial / Media

### Dezeen

An inspired interpretation of Dezeen's design language, the world's most-read architecture-and-design magazine built on a strict monochrome white-and-near-black canvas, a custom serif (Dezeen Display) for every headline, and a 'photograph IS the page' approach where 4-column masonry grids of beautifully-shot architecture imagery carry the entire visual weight. The brand reads as 'design publication of record', confident, image-forward, anti-chrome.

spec.json DESIGN.md link
#disney-plus Streaming / Media

### Disney+

An inspired interpretation of Disney+, the family streaming service whose visual language is the deep-galaxy royal blue (#01153e) that distinguishes it from Netflix's cinema-black and HBO Max's neon-purple. Canvas is a deep navy with subtle starfield gradient. The signature is the Disney+ wordmark, Disney's iconic 'Walt Disney' Waltograph script joined to a sans-serif '+' lockup. Type runs a precise grotesk (Inter / Source Sans / proprietary Disney face) for the chrome, but every poster-art tile uses the original title-treatment fonts from Star Wars, Marvel, Pixar, etc., the cross-franchise typography zoo IS the brand's promise. The hero is a brand-tier row organizing content by franchise, Disney / Pixar / Marvel / Star Wars / National Geographic, never by genre.

spec.json DESIGN.md link
#duckduckgo Developer Tools

### DuckDuckGo

DuckDuckGo's web presence is privacy-search-with-personality chrome, DuckDuckGo Red-Orange (#de5833) as the brand voltage, the duck mascot Dax as the brand character, and a friendly humanist chrome that softens the privacy positioning. The atmosphere is approachable privacy: the brand wants to be the friendly alternative to Google, not the contrarian alternative to Brave.

spec.json DESIGN.md link
#ea Consumer / Lifestyle / Retail

### EA

EA's web presence is sports-and-blockbuster-gaming chrome, the EA wordmark in heavy display sans, a dark canvas (#0d0d0d) on franchise pages, and a master brand chrome that connects FIFA (now EA Sports FC), Madden, Battlefield, The Sims, and Apex Legends. The atmosphere is sports-broadcast cinematic where the IP demands and corporate-master-brand where the chrome takes over.

spec.json DESIGN.md link
#elevenlabs AI / ML Platform

### ElevenLabs

A voice-AI brand whose marketing surfaces read like a quietly editorial print magazine.

spec.json DESIGN.md link
#emirates Travel / Hospitality

### Emirates

An inspired interpretation of Emirates, the Dubai-headquartered flag carrier whose brand identity is the cinematic A380 first-class experience translated into web language. Canvas is warm cream or deep desert-night-black. The signature palette is the Emirates red (#d71920) and gold trim. Type runs a custom Arabic-Latin co-typesetting system, the brand often shows Arabic naskh and Latin grotesk side-by-side at matched scale, a quiet declaration of the UAE origin. Photography is cinematic luxury aviation: A380 cabin interiors with onboard showers, first-class suites with sliding doors, business-class bars at 40,000 feet. The brand voice is 'fly better than business class', gold trim, marble lavatories, chef-prepared meals, never apologetic about the luxury.

spec.json DESIGN.md link
#expo Developer Tools

### Expo

A React Native developer-platform whose marketing site reads like a quietly-confident infrastructure brand.

spec.json DESIGN.md link
#fenty-beauty Consumer / Lifestyle / Retail

### Fenty Beauty

An inspired interpretation of Fenty Beauty's brand language, Rihanna's inclusive beauty empire that redrew the cosmetics industry around radical shade range. Canvas is pure black (#0a0a0a) or near-black with deep saturated ink. Type runs a precise grotesk display (Söhne / Inter / proprietary all-caps face) often paired with an italic serif accent. The voice is luxurious, club-night, unapologetically Black and unapologetically Caribbean, gold filigree on black, full-bleed product hero shots, model casting that spans every Pantone of human skin. The signature 50-shade Pro Filt'r foundation grid IS the brand, it appears on hero, product, and editorial pages as a strip of swatches that demonstrates the brand's core promise visually before any copy lands.

spec.json DESIGN.md link
#ferrari Automotive

### Ferrari

A luxury-automotive brand whose marketing surfaces read as cinematic editorial.

spec.json DESIGN.md link
#figma Productivity / Collaboration

### Figma

A confident black-and-white editorial frame interrupted by oversized, hand-cut pastel color blocks.

spec.json DESIGN.md link
#fivetran Developer Tools

### Fivetran

An inspired interpretation of Fivetran's design language, a managed-data-pipeline brand built on a clean white canvas with a signature deep cobalt (#0073e6) and a dense, technical surface that hosts dozens of source-connector logos on every page. The brand reads as 'mature data platform', enterprise-clean, logo-density forward, slightly serif-tinged with Tiempos Headline for moments of voice.

spec.json DESIGN.md link
#fly-io Developer Tools

### Fly.io

An inspired interpretation of Fly.io's design language, an edge-compute platform with a deeply contrarian brand voice (engineering blog as marketing, irreverent copy, dense long-form posts) wrapped in a hot-pink-to-violet gradient identity, monospace-rich chrome, and a near-black canvas. The brand reads like an old-internet engineering newsletter that happens to sell global infrastructure.

spec.json DESIGN.md link
#four-seasons Travel / Hospitality

### Four Seasons

An inspired interpretation of Four Seasons Hotels and Resorts, the Canadian-founded ultra-luxury hospitality brand that built its empire on service consistency across 100+ properties worldwide. Canvas is warm parchment-ivory (#f7f3eb) or velvet-black for evening-mode landing pages. Type runs a refined serif (Trajan / Cormorant / a custom display serif) at editorial scale, never sans-serif at hero. Photography is travel-magazine grade: cinematic full-bleed property shots with golden-hour light, infinity pools photographed from drone height, lobby chandeliers in candlelit warmth. The voice is whispered luxury, never loud, never claiming, always implying. The wordmark sits at the top in a serif lockup that resembles a luxury watch dial more than a hotel sign.

spec.json DESIGN.md link
#framer Developer Tools

### Framer

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) reserved for hyperlinks and selection states.

spec.json DESIGN.md link
#github Developer Tools

### GitHub

An inspired interpretation of GitHub's marketing language, the developer-platform brand that owns the social experience of writing software. Light mode is a near-white canvas with deep navy ink; dark mode is the dominant in-product surface (#0d1117) the engineers actually live in. The signature is the Octocat universe, a hand-illustrated cat-octopus cast joining seven-shade green contribution heatmaps, GitHub Sans display, and a typographic discipline borrowed from technical manuals, not SaaS marketing.

spec.json DESIGN.md link
#glossier Consumer / Lifestyle / Retail

### Glossier

Matured millennial-pink editorial, pink is now a surface band, not a button. Magazine-weight serif display, true-black CTAs, navigation set in all-caps tight tracking.

spec.json DESIGN.md link
#google Developer Tools

### Google

Google's web presence is the canonical Material You / Material 3 expression, paper-bright canvas, friendly geometric type (Google Sans + Roboto), saturated four-color brand palette, generous radii (16-28px), and a card-based layout grammar that treats every product feature as a small bento tile. The atmosphere is approachable, optimistic, and consumer-grade, even on enterprise Cloud pages.

spec.json DESIGN.md link
#hashicorp Developer Tools

### HashiCorp

An enterprise-infrastructure marketing canvas built around a near-black ground (#000000) and a system of per-product accent colors, Terraform purple, Vault yellow, Consul pink, Waypoint cyan, Vagrant blue, that act as identity tokens rather than decorative palette.

spec.json DESIGN.md link
#herman-miller Consumer / Lifestyle / Retail

### Herman Miller

An inspired interpretation of Herman Miller's brand language, the American modernist furniture house responsible for the Eames Lounge, the Aeron chair, and a century of design-museum-permanent-collection objects. Canvas is warm gallery-white (#faf9f6) or a deep editorial near-black for hero immersion. Type runs a thoughtful serif (Söhne Mono or proprietary modernist serif) at editorial scale paired with a precise grotesk for body. Photography is fine-art product-as-sculpture, single chair in a vast gallery space, side-light, no styling props. The voice is museum-curator: object name, year, designer, materials, written as exhibition wall labels, not as e-commerce descriptions.

spec.json DESIGN.md link
#hims-hers Consumer / Lifestyle / Retail

### Hims & Hers

Modern wellness that intentionally rejects clinical-blue medical defaults, warm-bone canvas, sage/tan sub-brand accents, considered consumer-wellness aesthetic.

spec.json DESIGN.md link
#honeycomb Developer Tools

### Honeycomb

Distributed-systems observability rendered as a smart magazine, honey-amber on midnight teal, literal hexagon dividers, technical-but-warm voice.

spec.json DESIGN.md link
#hp Consumer / Lifestyle / Retail

### HP

An inspired interpretation of HP's design language, a white-paper enterprise-consumer system anchored by HP Electric Blue (#024ad8) as the lone signal CTA, near-black ink (#1a1a1a) for headlines, geometric Forma-DJR sans throughout, and angular blue-chevron decorations that nod to the HP wordmark's slashes.

spec.json DESIGN.md link
#huggingface AI / ML Platform

### Hugging Face

Hugging Face's web presence is the open-source AI community's home, yellow hug emoji as the brand mark, a clean white canvas, model card listings as the dominant content unit, and a developer-documentation aesthetic. The atmosphere is open-community AI: welcoming to researchers, model authors, and developers, with a tone that reads as 'GitHub for ML' rather than enterprise SaaS.

spec.json DESIGN.md link
#ibm Developer Tools

### IBM

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.

spec.json DESIGN.md link
#ikea Consumer / Lifestyle / Retail

### IKEA

An inspired interpretation of IKEA's brand language, the Swedish flat-pack democracy. Canvas is pure white. The brand-asset trinity is the IKEA blue (#0058a3), the IKEA yellow (#ffdb00), and the wordmark lockup of the two used together at full saturation on the navigation. Type runs a custom geometric grotesk (Noto IKEA / Verdana) at a precise scale. Photography is room-staging, fully furnished rooms with real-looking models, kids, dogs, breakfast tables, never product-on-white. The voice is 'practical, democratic, Swedish', a meatball-and-flatpack-instructions sensibility wrapped in clean editorial scale.

spec.json DESIGN.md link
#instagram Consumer / Lifestyle / Retail

### Instagram

An inspired interpretation of Instagram's design language, the photo-and-video social platform built on a white canvas (light mode) or near-black canvas (dark mode), with a signature multi-stop gradient (yellow → orange → red → magenta → purple) reserved for the brand mark and Stories ring, and a strict grotesk sans (Instagram Sans / Helvetica Neue) carrying every text tier. The brand reads as 'content is everything; chrome is invisible', the photo grid IS the brand.

spec.json DESIGN.md link
#intercom Productivity / Collaboration

### Intercom

An editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type set in Saans (Intercom's proprietary geometric sans), and a single confident Fin Orange (#ff5600) reserved for the Fin AI brand.

spec.json DESIGN.md link
#jbl Consumer / Lifestyle / Retail

### JBL

JBL's web presence is the bright-lifestyle-audio brand, JBL Orange (#ff5500) as the chromatic voltage, action-lifestyle photography (parties, outdoor adventures, gym workouts), and a dark canvas (#0d0d0d) anchoring the chrome. The atmosphere is high-energy consumer audio: youth-oriented, color-rich, and unapologetically loud where Bose and Sonos are quiet.

spec.json DESIGN.md link
#kraken Fintech / Crypto

### Kraken

Kraken's website is a clean, trustworthy crypto exchange that uses purple as its commanding brand color.

spec.json DESIGN.md link
#lamborghini Automotive

### Lamborghini

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.

spec.json DESIGN.md link
#levis Consumer / Lifestyle / Retail

### Levi's

Levi's web presence is American-heritage denim chrome, the red tab as the chromatic anchor, monochrome editorial photography (often black-and-white denim shots), and a layout grammar that treats every jeans-fit page as a fit guide with measurements rather than a fashion lookbook. The atmosphere is workwear-heritage modern; the 501 is a heritage product, and the chrome respects that.

spec.json DESIGN.md link
#linear.app Productivity / Collaboration

### Linear

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.

spec.json DESIGN.md link
#linkedin Consumer / Lifestyle / Retail

### LinkedIn

LinkedIn's web interface is the professional network's chrome, LinkedIn Blue (#0a66c2) as the chromatic anchor, a clean off-white canvas (#f3f2ef), and a humanist sans (LinkedIn's Brand Sans / Source Sans Pro) running the chrome. The atmosphere is white-collar formal, card-based, and feed-dominant; the design reads as 'newspaper of work' rather than social-media-playful.

spec.json DESIGN.md link
#loom Productivity / Collaboration

### Loom

Loom's web presence is async-video-for-work chrome, a deep purple primary (#625df5) as the brand voltage, soft rounded cards, illustration-driven heroes featuring people in the act of recording a video. The atmosphere is friendly workplace SaaS: approachable, animated, and confident that async video is the future of work communication.

spec.json DESIGN.md link
#lovable Developer Tools

### Lovable

Lovable's website radiates warmth through restraint.

spec.json DESIGN.md link
#mailchimp Productivity / Collaboration

### Mailchimp

Mailchimp's web presence is the marketing-platform-with-personality chrome, Cavendish Yellow (#ffe01b) as the brand voltage, the chimp mascot Freddie as the brand character, hand-illustrated quirky heroes, and a typography stack that pairs a serif display with a clean sans body. The atmosphere is warm, weird, and deliberately small-business-friendly.

spec.json DESIGN.md link
#mastercard Fintech / Crypto

### Mastercard

Mastercard's experience reads like a warm, editorial magazine built from soft stone and signal orange.

spec.json DESIGN.md link
#mclaren Automotive

### McLaren

McLaren's web presence is hypercar-racing chrome, McLaren Orange (#ff8000) as the chromatic anchor, dark cinematic photography (often in racing-circuit lighting), and a layout grammar that reads as Formula 1 mission control. The atmosphere is racing-engineered: every page references aerodynamic precision, lap times, and engineering provenance.

spec.json DESIGN.md link
#mercedes-benz Automotive

### Mercedes-Benz

An inspired interpretation of Mercedes-Benz, the Stuttgart luxury automotive house whose brand language has been the engineering-to-art template for a century. Canvas is graphite-cool dark (#1a1d24) on flagship product pages, or warm cream-white on heritage and editorial pages. Type runs Corporate A, the proprietary Mercedes grotesk, at every text tier, paired with the iconic three-pointed-star mark. The signature is the three-pointed star itself, treated with absolute discipline: chrome silver on dark backgrounds, ink on light. Photography is studio-grade luxury: S-Class sedans photographed under dramatic side-light, EQ-line electric vehicles in architectural settings, AMG performance cars on race tracks. The voice is 'Das Beste oder nichts', the best or nothing, translated as quiet engineering confidence, never bombast.

spec.json DESIGN.md link
#mercury Fintech / Crypto

### Mercury

Startup-bank-for-startups, restrained monochrome canvas, serif-display voltage, tabular-figure mono numerals, warm-muted bronze accent appearing only at brand-mark moments.

spec.json DESIGN.md link
#meta Consumer / Lifestyle / Retail

### Meta

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

spec.json DESIGN.md link
#microsoft Developer Tools

### Microsoft

Microsoft's web presence is institutional-scale and product-broad, the brand's design language Fluent 2 ladders from consumer Windows to enterprise Azure to Surface hardware to Office, and the site stitches them together with a near-monochrome chrome and a single chromatic accent, Microsoft Blue (#0067c0), used scarcely on CTAs and on the four-square logo. The atmosphere is utilitarian and corporate without feeling cold; product imagery (Surface devices, screen renders of Windows, Teams collaboration shots) carries the warmth.

spec.json DESIGN.md link
#minimax AI / ML Platform

### MiniMax

MiniMax presents itself as a premium AI infrastructure brand through a striking duality, bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red, magenta-pink, purple, blue) that turn each model release into a distinctive visual identity.

spec.json DESIGN.md link
#mintlify Developer Tools

### Mintlify

Mintlify presents documentation infrastructure with a dual-mode aesthetic, atmospheric sky-gradient marketing heroes (cloud illustration backdrops, soft cream-to-blue washes) paired with dense developer-grade documentation surfaces.

spec.json DESIGN.md link
#miro Productivity / Collaboration

### Miro

Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice, anchored by its signature canary yellow wordmark over white canvas, broken open by colorful pastel feature tints (rose, teal, coral, orange, mint) that echo the actual sticky-note color palette used on the live whiteboard.

spec.json DESIGN.md link
#mistral.ai AI / ML Platform

### Mistral AI

Mistral AI brands itself with a singular signature, atmospheric sunset gradients (mustard, orange, deep red) layered over photography of mountains, plus a horizontal "sunset stripe" bar that closes every page.

spec.json DESIGN.md link
#modal Developer Tools

### Modal

An inspired interpretation of Modal's design language, a serverless-Python-for-AI platform built on a stark white canvas with a signature warm orange (#FFB949 mustard / #FF7A30 ember) accent, a grid that loves to expose its own dividers, and a 'literal command' aesthetic where the hero IS a code block running real Python.

spec.json DESIGN.md link
#mongodb Developer Tools

### MongoDB

MongoDB carries a strong dual-mode visual identity, dark deep-teal hero bands with bright MongoDB green CTAs paired with stark white documentation surfaces.

spec.json DESIGN.md link
#monzo Fintech / Crypto

### Monzo

Consumer-fintech with maximum personality, hot coral card is the brand, pill-shape CTAs, illustrated objects with simplified geometry. Children's-book illustration system reading as a neobank.

spec.json DESIGN.md link
#muji Consumer / Lifestyle / Retail

### MUJI

An inspired interpretation of MUJI (無印良品, 'no-brand quality goods'), the Japanese lifestyle retailer whose brand strategy is to have no brand. Canvas is pure white or kraft-paper beige (#f0ebe1). Type runs a mixed Japanese-Latin grotesk (Yu Gothic / Hiragino Kaku Gothic / Helvetica Neue) at modest 11-13px sizes, never large display. Product photography is shot on shadowless white with the object floating in negative space. Color is reserved for the deep MUJI red (#8a1538) used only on the brand mark and on price tags. Everything else is the kraft-and-cotton palette of un-bleached materials. The page reads as a department-store catalog from 1985, quiet, dense, anti-marketing.

spec.json DESIGN.md link
#n26 Fintech / Crypto

### N26

An inspired interpretation of N26's design language, the European mobile-bank brand built on a strict white-on-white canvas with a serif display (Tiempos Headline) for marketing voice, a single signature N26 cyan-mint (#2DCFA5) accent, and a relentless minimalism: real product screenshots (the floating credit card on a colored gradient background) carry the entire visual identity. The brand reads as 'European premium neobank', Berlin-clean, slightly architectural.

spec.json DESIGN.md link
#neon Developer Tools

### Neon

A serverless Postgres console rendered as a quietly-confident developer-tools brand, graphite canvas, electric green voltage, branching diagrams as the real hero.

spec.json DESIGN.md link
#netflix Streaming / Media

### Netflix

An inspired interpretation of Netflix, the streaming entertainment brand whose visual language is the world's most-copied dark-canvas content grid. Canvas is true cinema-black (#141414), the deepest dark in the streaming category. The signature is Netflix red (#e50914), a pure red used only on the wordmark, on the play-button overlay, and on the primary 'Sign In' / 'Sign Up' CTA. Type runs the custom Netflix Sans (a precise grotesk with subtle aperture tweaks) at modest scale, the brand voice is 'content is the hero, chrome stays invisible'. The signature visual is the horizontal-scroll row of poster-art tiles: each row is a curated category ('Continue Watching', 'Top 10', 'Because you watched...') of poster-art rectangles, the brand-defining UI pattern in the streaming category.

spec.json DESIGN.md link
#nike Consumer / Lifestyle / Retail

### Nike

A photography-first commerce system built on extreme typographic contrast, towering uppercase Futura display lockups burned into editorial campaign imagery, sitting above a dense, neutral, near-monochrome retail chrome of pill-shaped black CTAs, gray search and tag pills, and tight 8px-grid product cards.

spec.json DESIGN.md link
#nintendo Consumer / Lifestyle / Retail

### Nintendo

Nintendo's web presence is the brand's signature 'family-friendly fun' translated into a card-rich UI, Nintendo Red (#e60012) as the chromatic anchor on the wordmark and CTAs, generous radii (16-24px) on character cards, and unmistakable IP-driven hero illustrations (Mario, Zelda, Pokemon) carrying the marketing weight. The atmosphere is playful, character-led, and unapologetically colorful where the IP demands it.

spec.json DESIGN.md link
#notion Productivity / Collaboration

### Notion

Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice, anchored by a deep navy hero band decorated with brand-colored sticky-note dots and mesh wire illustrations, a signature purple pill primary CTA, and a rich palette of pastel-tinted feature cards that echo the colorful database properties of the live product.

spec.json DESIGN.md link
#nvidia Editorial / Media

### NVIDIA

An engineering-grade marketing system organized around two surface modes, a deep black canvas for hero and footer chapters and a flat paper-white canvas for body content, connected by a single, almost violently saturated NVIDIA Green accent that carries every CTA, every active tab, and the small decorative corner squares that mark out cards.

spec.json DESIGN.md link
#obsidian Productivity / Collaboration

### Obsidian

An inspired interpretation of Obsidian's brand language, the personal-knowledge-management tool that worships the knowledge graph. Canvas is a deep slate-purple-black (#202020) in dark mode (the default), or a parchment-cream (#f6f3ee) in light. The signature visual element is the force-directed graph of nodes, purple glowing dots connected by faint white edges, that appears as both the product's centerpiece and the marketing hero. Type is a precise grotesk (Inter / Söhne) with markdown-derived hierarchy: H1 / H2 / H3 styled to mirror raw markdown rendering. The brand reads as 'private, infinite, sovereign', the antithesis of cloud-collab.

spec.json DESIGN.md link
#ollama Developer Tools

### Ollama

An almost defiantly minimal documentation-first system that treats the home page like a Markdown README, paper-white canvas, 36px center-aligned heading, a single black pill CTA, an inline terminal install snippet, and a hand-drawn llama mascot as the only ornamental element.

spec.json DESIGN.md link
#openai AI / ML Platform

### OpenAI

An inspired interpretation of OpenAI's design language, the AI-platform-of-record built on near-pure black canvas at top, switching to white below the fold, anchored by the Söhne family at every tier, with a tightly disciplined grid and almost no decorative chrome. The brand reads as the calm, established institution in the AI category: no gradient, no illustration, no emoji, just type, photography, and product chrome.

spec.json DESIGN.md link
#opencode.ai Developer Tools

### OpenCode

A terminal-native marketing system rendered entirely in Berkeley Mono, every word on the page, from the hero headline down to the footer fine print, is monospaced.

spec.json DESIGN.md link
#oracle Developer Tools

### Oracle

Oracle's web presence is corporate-database institutional, bright red (#c74634) as the signature chromatic asset on the wordmark and primary CTAs, a clean white canvas, and a Roboto-family humanist sans across the chrome. The atmosphere is enterprise-formal, minimal whimsy, dense product taxonomy (database, cloud, ERP, HCM), and a layout grammar engineered for IT decision-makers rather than end-users.

spec.json DESIGN.md link
#patagonia Consumer / Lifestyle / Retail

### Patagonia

A heritage outdoor brand whose digital surface reads like a paper field journal that learned to do e-commerce, sand-cream canvas, alpine red accents, serif display, refusal of digital-marketing tropes.

spec.json DESIGN.md link
#perplexity AI / ML Platform

### Perplexity

An inspired interpretation of Perplexity's design language, an answer-engine brand built on a near-black graphite canvas with a signature peacock-teal (#20B8CD) as the single accent, a tight FK Grotesk display family, and a search field that IS the hero. The brand reads as a technical answer engine, not a chat product: dense, sourced, slightly serious, with the source-cite ribbon as a recurring visual.

spec.json DESIGN.md link
#pinterest Consumer / Lifestyle / Retail

### Pinterest

A photography-first discovery system organized around the Pinterest Red CTA, the masonry pin grid, and a soft warm-cream chrome that gets out of the imagery's way.

spec.json DESIGN.md link
#pitchfork Editorial / Media

### Pitchfork

Raw, loud, bold black-on-white music criticism. The 0.0-10.0 score numeral at 96-160px is the brand. Heavy industrial sans display against serif body. 90s zine made the journey to the web without losing edge.

spec.json DESIGN.md link
#plaid Fintech / Crypto

### Plaid

Developer-fintech brand balancing institutional credibility with a single moment of warmth, cobalt-on-white, geometric sans, Benjamin Franklin mascot, holographic gradient strip at hero only.

spec.json DESIGN.md link
#playstation Consumer / Lifestyle / Retail

### PlayStation

A three-surface marketing system organized around alternating black, white, and PlayStation Blue chapters that scroll past the viewer like a console launch trailer.

spec.json DESIGN.md link
#porsche Automotive

### Porsche

An inspired interpretation of Porsche's brand language, the Stuttgart sports-car house whose visual discipline is the opposite of every other German luxury automaker. Canvas is pure white or dark race-track-black. Type runs the proprietary Porsche Next typeface, a precise, modernist grotesk with subtle aperture variations, at every text tier. The signature is Porsche red (#d5001c), historically reserved for the 911 GT badging, used scarcely on configurator highlights, on the wordmark in select moments, and on the iconic horse-and-shield crest. Photography is cinematic motorsport: cars at speed on Alpine roads, paddock close-ups of the 911 chassis, design-team studio portraits. The voice is engineering-first, every page reads like a Le Mans technical manual translated into web layout.

spec.json DESIGN.md link
#posthog Developer Tools

### PostHog

A playful developer-tools system rendered on a warm cream canvas with hand-drawn hedgehog mascots dotted across every page like marginalia in a sketchbook.

spec.json DESIGN.md link
#puma Consumer / Lifestyle / Retail

### Puma

Puma's web presence is sport-and-culture chrome, the leaping cat logo, a bright-energy chromatic identity (often paired with the seasonal Forever Faster red), and a layout grammar that puts athlete-and-celebrity collaborations as the hero. The atmosphere is youth-energy more than premium-restraint; Puma reads as faster, looser, and more culture-forward than Adidas or Nike.

spec.json DESIGN.md link
#railway Developer Tools

### Railway

An inspired interpretation of Railway's design language, an infrastructure-deployment brand built on a deep midnight-violet (#13111c) canvas, monospace-heavy chrome, glowing purple/lavender voltage at button moments, and a graph-of-services hero that mirrors the actual product (deployments arranged as a node graph). The brand reads as 'the magical version of cloud', technical, but slightly playful.

spec.json DESIGN.md link
#ramp Fintech / Crypto

### Ramp

Modernist B2B fintech with editorial weight, white canvas, signal red voltage, geometric serif display at hero scale, dashboard mockup as the marketing artifact.

spec.json DESIGN.md link
#raycast Developer Tools

### Raycast

Raycast's marketing system reads like an extended product screenshot.

spec.json DESIGN.md link
#reddit Consumer / Lifestyle / Retail

### Reddit

Reddit's design is community-feed-dominant, orange (#ff4500) as the brand voltage on upvote, alien mascot Snoo as the brand character, dense list-style post feeds (or card-style depending on view mode), and a dark-mode-first chrome that signals 'this is where the internet talks to itself'. The atmosphere is community-first, message-board nostalgic, and unapologetically text-heavy.

spec.json DESIGN.md link
#renault Automotive

### Renault

Renault's web presence pairs the freshly-modernised Renault diamond (the 2021 flat-line rhombus mark) with a stark black-and-white canvas, a signature Sunlight Yellow accent, and the proprietary NouvelR display typeface.

spec.json DESIGN.md link
#render Developer Tools

### Render

A cloud-platform surface that intentionally rejects AWS-blue defaults, deep aubergine purple over warm cream, paced like a magazine spread.

spec.json DESIGN.md link
#replicate Developer Tools

### Replicate

Replicate's marketing surfaces pair the warm-cream developer-tools aesthetic of an indie ML playground with a confident hot-orange brand accent and a signature display typeface (rb-freigeist-neue) sized aggressively large at 72px+.

spec.json DESIGN.md link
#resend Developer Tools

### Resend

Resend's marketing surfaces sit on a near-pure black canvas with off-white text and a single signature color, the deep editorial-serif Domaine Display headline mark, that gives an otherwise utilitarian developer-tool brand its print-magazine confidence.

spec.json DESIGN.md link
#retool Developer Tools

### Retool

An inspired interpretation of Retool's design language, an internal-tool builder brand built on a warm cream canvas (#fbf6ea), GT Sectra serif at every display tier, and a signature signal-orange (#ff5d00) voltage. The brand reads as 'serious software for serious operators', magazine-cover headlines, dashboard mockups as hero, generous use of real product screenshots.

spec.json DESIGN.md link
#revolut Fintech / Crypto

### Revolut

Revolut's marketing surfaces pair a stark black canvas with the brand's cobalt-violet (#494fdf) and a wide accent palette of deep, fully-saturated product colours, teal, light-blue, deep pink, light-green, warning orange.

spec.json DESIGN.md link
#robinhood Fintech / Crypto

### Robinhood

An inspired interpretation of Robinhood's design language, the retail-investing brand built on a near-black canvas (#0a0c0d) with a signature glow-green voltage (#00C805) reserved exclusively for market-up and primary CTAs, a strict Capsule sans family at every tier, and large tabular-figure mono numerals for portfolio values. The brand reads as 'serious trading platform for the millennial investor', confident, dark-first, data-dense.

spec.json DESIGN.md link
#rolls-royce Automotive

### Rolls-Royce Motor Cars

An inspired interpretation of Rolls-Royce Motor Cars, the British ultra-luxury house at the apex of automotive prestige, where bespoke commissions average several million pounds and 'car' is the wrong word for the object on display. Canvas is bone-cream (#f5f1e9) or velvet-black (#0a0a0a) depending on whether the section showcases craft (cream) or product (black). Type runs a refined serif (Riviera Nights / custom Trajan-adjacent display serif) at editorial scale, paired with a precise grotesk body. The signature is the Spirit of Ecstasy hood ornament, the silver Eleanor Thornton sculpture rendered in delicate line art on every page. Photography is gallery-grade: hand-stitched leather close-ups, starlight-headliner-roof shots, marquetry inlay macro photography. The voice is 'effortless mastery', never claims, never promotes, always implies.

spec.json DESIGN.md link
#runwayml AI / ML Platform

### Runway

An inspired interpretation of Runwai's design language, an editorial, gallery-grade marketing system for an AI creative-tools company.

spec.json DESIGN.md link
#salesforce Developer Tools

### Salesforce

Salesforce's marketing surface is the cloud-and-character brand, Cloud Blue (#00a1e0) as the chromatic anchor, the cast of cartoon characters (Astro, Codey, Cloudy) as illustrated heroes, and a friendly humanist sans (Salesforce Sans) running everything. The atmosphere is enterprise-but-approachable; the cartoon characters are deliberately disarming on an otherwise serious B2B CRM page.

spec.json DESIGN.md link
#sanity Developer Tools

### Sanity

An inspired interpretation of Saniti's design language, a dark-first, content-platform marketing system that pairs an oversized editorial display sans (waldenburgNormal) with IBM Plex Mono for technical eyebrows.

spec.json DESIGN.md link
#sentry Developer Tools

### Sentry

An inspired interpretation of Sentri's design language, a developer-tools brand built on a deep purple-violet midnight canvas, electric lime accents, and a slightly subversive illustrated personality.

spec.json DESIGN.md link
#shopify Consumer / Lifestyle / Retail

### Shopify

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

spec.json DESIGN.md link
#slack Developer Tools

### Slack

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

spec.json DESIGN.md link
#snap Consumer / Lifestyle / Retail

### Snap

Snap's web presence is camera-first augmented-reality chrome, Snap Yellow (#fffc00) as the brand voltage, a clean white canvas, and a layout grammar that puts the camera (Snapchat the app, Spectacles the hardware, AR Lenses the product) at the center. The atmosphere is youthful camera-tech: every page sells the camera as the input device for AR, social, and creativity.

spec.json DESIGN.md link
#snowflake Developer Tools

### Snowflake

An inspired interpretation of Snowflake's design language, the data-cloud-platform-of-record brand built on a deep glacier-blue gradient (#29B5E8 → #11567f) and a serif display tier (Tiempos Headline) that lifts the surface out of the all-sans data-tool default. The brand reads as 'enterprise data cloud', institutional, slightly editorial, with snowflake-pattern hex motifs and crystal-blue gradient bands as recurring chrome.

spec.json DESIGN.md link
#sonos Consumer / Lifestyle / Retail

### Sonos

Sonos's web presence is premium-home-audio editorial, black-and-white product photography, generous lifestyle imagery in muted earth tones, and a clean white chrome with a single dark CTA. The atmosphere is design-magazine considered: speakers placed in beautifully styled rooms (often Scandi-modern), with the chrome receding so the lifestyle moment can breathe.

spec.json DESIGN.md link
#sourcegraph Developer Tools

### Sourcegraph

Code-search and AI coding assistant rendered with the inside-of-a-compiler aesthetic, slate near-black, electric cyan-blue voltage, violet for Cody, half the homepage is real syntax-highlighted code.

spec.json DESIGN.md link
#spacex Automotive

### SpaceX

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 vertical leading.

spec.json DESIGN.md link
#spotify Consumer / Lifestyle / Retail

### Spotify

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.

spec.json DESIGN.md link
#starbucks Consumer / Lifestyle / Retail

### Starbucks

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

spec.json DESIGN.md link
#stripe Fintech / Crypto

### Stripe

An inspired interpretation of Stripi'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 marketing page.

spec.json DESIGN.md link
#substack Editorial / Media

### Substack

Writer-first warmth, cream canvas, slab-serif Spectral display, signature orange Subscribe CTA, 17-18px reading-first body. Small-press literary magazine that grew up.

spec.json DESIGN.md link
#supabase Developer Tools

### Supabase

An inspired interpretation of Supabaze'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 mockups composited above the hero.

spec.json DESIGN.md link
#superhuman Developer Tools

### Superhuman

An inspired interpretation of Superhumon's design language, a fast-email productivity brand split between an editorial dark hero (deep indigo navy with violet-sky atmospheric backdrop and a portrait subject) and a quiet white content body with off-warm-grey ink.

spec.json DESIGN.md link
#tesla Automotive

### Tesla

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

spec.json DESIGN.md link
#atlantic Editorial / Media

### The Atlantic

American long-form literary editorial, paper-cream canvas, Domaine serif at 19px reading scale, Atlantic Red masthead voltage, drop-cap article openers, audio-narration as feature.

spec.json DESIGN.md link
#economist Editorial / Media

### The Economist

An inspired interpretation of The Economist's design language, the British weekly newspaper of record built on a signature 1.5cm red top bar (Economist Red #E3120B), a literary slab-serif (Milo Serif) for headlines, an elegant humanist sans (Officina Sans) for ledes and metadata, and a strict editorial discipline: byline removed (every article unsigned), section eyebrows in red caps, drop caps on feature opens. The brand reads as 200-year-old global authority.

spec.json DESIGN.md link
#nytimes Editorial / Media

### The New York Times

Canonical American newspaper online, Cheltenham masthead, Imperial body, Franklin Gothic bylines, hairline-grid rhythm, color used only as section accent and breaking-news red.

spec.json DESIGN.md link
#theverge Editorial / Media

### The Verge

The Verge's 2024 redesign feels like somebody wired a Condé Nast magazine to a chiptune soundboard.

spec.json DESIGN.md link
#wsj Editorial / Media

### The Wall Street Journal

An inspired interpretation of The Wall Street Journal's design language, the American financial-newspaper of record built on a strict black-on-white broadsheet canvas, the Escrow display family (a sibling of the historic Cheltenham face the brand used pre-redesign), hedcut portraits (the dot-stippled portrait illustrations) as the brand's most-recognized graphic signature, and a 'C' market-data ticker at the masthead. The brand reads as 135-year-old American financial authority.

spec.json DESIGN.md link
#tiktok Consumer / Lifestyle / Retail

### TikTok

An inspired interpretation of TikTok's design language, the short-form-video platform built on a pure black canvas with a signature cyan-and-magenta chromatic-aberration (Aqua #25F4EE + Magenta #FE2C55) reserved for the brand mark and selected moments, a video-first vertical feed taking 100% of the viewport, and a strict 'content is the entire surface' approach where chrome floats over content. The brand reads as 'youthful, kinetic, slightly glitch-aesthetic.'

spec.json DESIGN.md link
#together.ai AI / ML Platform

### Together AI

An inspired interpretation of Together AI's design language, an AI infrastructure platform whose surface alternates between near-black hero bands (with a three-color orange-magenta-periwinkle gradient as the single piece of brand chrome) and bright white research / pricing / docs bands, knit together by a custom display sans and an uppercase mono eyebrow face.

spec.json DESIGN.md link
#twilio Developer Tools

### Twilio

Twilio's web presence is communication-API developer chrome, Twilio Red (#f22f46) as the chromatic anchor, white canvas with developer-documentation aesthetic, and code snippets as the dominant feature visualization. The atmosphere is API-first developer-friendly: every page shows the product as code-in-action, with curl snippets and language tabs (Node, Python, Go) as the hero treatment.

spec.json DESIGN.md link
#twitch Streaming / Media

### Twitch

An inspired interpretation of Twitch, Amazon's live-streaming platform built for gamers, vtubers, IRL streamers, and the parasocial chat economy. Canvas is deep purple-tinted black (#0e0e10), distinguishably more purple than Netflix's true black or YouTube's pure black. The signature is Twitch purple (#9146ff), used at full saturation on the wordmark, on every primary CTA, on the 'Following', 'Subscribe', and 'Cheer' buttons. Type runs Inter (Twitch transitioned from Roobert to Inter as the system face) at modest scale. The interface is dominated by the chat sidebar and the channel grid, every stream is rendered with the streamer's webcam in the corner of game footage, and the chat scrolls live with subscriber-only badges, emote spam, and channel-points redemptions.

spec.json DESIGN.md link
#uber Consumer / Lifestyle / Retail

### Uber

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 999px) on every interactive element, and decorated only by editorial 4:3 illustrations of riders, drivers, and city objects.

spec.json DESIGN.md link
#ubisoft Consumer / Lifestyle / Retail

### Ubisoft

Ubisoft's web presence is cinematic gaming-publisher chrome, dark canvas (#0e1318) with edge-to-edge game key art, the Ubisoft swirl logo as the brand mark, and cinematic-trailer-grade hero treatments. The atmosphere is action-blockbuster: each franchise (Assassin's Creed, Far Cry, Rainbow Six, The Division) brings its own dark-toned IP color treatment, with the Ubisoft chrome providing the connective tissue.

spec.json DESIGN.md link
#uniqlo Consumer / Lifestyle / Retail

### UNIQLO

An inspired interpretation of UNIQLO's brand language, the Japanese basics retailer founded on 'LifeWear' as a philosophy. Canvas is pure white. The signature is the UNIQLO red (#ff0000) used as a single chromatic asset on the wordmark, on price callouts, and on the rare hero CTA, a true #ff0000, not a brand-tinted variant. Type runs a dual Japanese-Latin system: Helvetica Neue Bold (Latin) and the proprietary UNIQLO Japanese face (Japanese), often locked side-by-side on the same page in a kana-and-latin co-typesetting that announces the brand's Tokyo origin. Photography is hyper-real flat-light fashion, models against pure white or against urban Tokyo backdrops, no styling theatrics, no cinematic grading.

spec.json DESIGN.md link
#vercel Developer Tools

### Vercel

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 acts as the entire decorative system, paired with a custom geometric sans for headlines and a monospaced caption face for technical labels.

spec.json DESIGN.md link
#vodafone Editorial / Media

### Vodafone

An inspired interpretation of Vodafone's design language, a telecom super-brand whose web surface alternates between editorial photography hero bands with massive uppercase display headlines and clean white content bands, anchored by the company's signature scarlet red CTA and the proprietary Vodafone display sans set at impossibly heavy 800 weight.

spec.json DESIGN.md link
#voltagent AI / ML Platform

### VoltAgent

An inspired interpretation of Voltagent's design language, a developer-focused AI agent engineering platform whose surface is an unrelenting near-black canvas broken only by a single electric-green brand accent, code-editor mockups inside the hero, and a precise grid of dark feature cards that read like a documentation site dressed as marketing.

spec.json DESIGN.md link
#volvo Automotive

### Volvo

Volvo's web presence is Scandinavian-minimalist automotive, the iron-mark logo, a near-monochrome chrome with pure-white canvas and dark gray ink, and considered photography in muted Nordic palettes (forests, fjords, twilight). The atmosphere is human-centric safety + design restraint; the cars are photographed in environments that suggest the family, the journey, and the values they exist to protect.

spec.json DESIGN.md link
#warp Developer Tools

### Warp

An inspired interpretation of Warp's design language, an agentic terminal-and-development-environment brand whose surface is a warm near-charcoal canvas (a tint warmer than pure black), broken only by clean Inter typography, the occasional Instrument Serif italic moment, and dense terminal-mockup imagery; CTAs are unusually understated, with shape geometry running tighter than most marketing sites.

spec.json DESIGN.md link
#webflow Developer Tools

### Webflow

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 / pink / blue / orange / green) that maps to the brand's product categories, and anchored by the proprietary WF Visual Sans family used at restrained 500 / 600 weights with negative tracking.

spec.json DESIGN.md link
#wired Editorial / Media

### Wired

An inspired interpretation of Wired's design language, a flagship technology-magazine brand whose surface is a strict editorial duet of stark black wordmark on white canvas, anchored by a tall narrow custom display serif for hero headlines, a humanist serif body face for long-form reading, and a clean sans face for metadata; layout reads like a printed magazine ported to the web with very little marketing chrome.

spec.json DESIGN.md link
#wise Fintech / Crypto

### Wise

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 neutrals, and rounded white cards on a pale green-tinted canvas; the whole system reads more like a Scandinavian fintech magazine than a bank.

spec.json DESIGN.md link
#x.ai AI / ML Platform

### xAI

An inspired interpretation of xAI's design language, Elon Musk's frontier-AI company whose web surface is a strict near-black canvas broken only by white pill outlines, occasional warm sunset / dusk gradient accents, a custom geometric sans (Universal Sans) for display, and an uppercase tracked monospace caption face; the whole system reads as engineered-cosmic, unmarketed.

spec.json DESIGN.md link
#youtube Streaming / Media

### YouTube

An inspired interpretation of YouTube, the world's video-hosting platform whose interface is the most-viewed brand surface on the internet. Canvas is light-mode-white or dark-mode near-black, both rendered as default options at user choice. The signature is the YouTube red (#ff0000) used only on the play-button glyph, the wordmark, and the 'Subscribe' button. Type runs Roboto (the Google default) at modest scale. The interface is dominated by the video-thumbnail grid: 3-up at desktop, each thumbnail with a 16:9 aspect ratio, duration badge in the corner, channel avatar circle, and a 2-line title. The brand voice is 'the channel is the brand', YouTube itself stays invisible while creator content carries every visual moment.

spec.json DESIGN.md link
#zapier Productivity / Collaboration

### Zapier

An inspired interpretation of Zapier's design language, a workflow-automation platform whose surface combines warm-cream neutrals (#fffefb canvas, #f8f4f0 soft cream) with deep coffee ink (#201515) and a single saturated orange CTA accent (#ff4f00); typography pairs the proprietary Degular Display family at hero scale with Inter for sub-displays and body, giving the brand a confident-warm rather than cool-tech voice.

spec.json DESIGN.md link
#zara Consumer / Lifestyle / Retail

### Zara

An inspired interpretation of Zara's brand language, the Spanish fast-fashion editorial that refuses every e-commerce convention. Canvas is pure white. Type runs an oversized custom serif (Söhne-adjacent or a proprietary modern serif) at hero scale, sometimes 200-400px display headlines that fill the entire viewport. Product photography is editorial fashion-magazine grade: cinematic crops, off-center compositions, models in motion-blurred poses, oversized garments swept by wind. The chrome is so minimal it nearly disappears, no nav bars over imagery, no sticky CTAs, no labels. The site reads as Vogue, not as a department store.

spec.json DESIGN.md link