UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
LibraryDesign SystemGlobal visual rules
Design SystemGlobal visual rules72
View current page72BMW MalphaDell (1996)alphaHPalphaAirbnbalphaAirtablealphaApplealpha
Total uses44.5K

UI DESIGN LAB Library

LibraryDesign System72 items

Design Systems gather project-level visual rules.

Design systems define type, color, spacing, component rules, responsive boundaries, and canonical design.md before generation starts.

Skills45Design System72Assets4
Library Index

Current: Design Systems

The left menu keeps only design-system entries for this tab.

01BMW M02Dell (1996)03HP04Airbnb05Airtable
72 current items
Skills45
Design System72
Assets4
AccessFree
Design System

Design System

Global language layer: type, color, spacing, component rules, responsive boundaries, and design.md directives.

Open Assets
Automotive · alpha

BMW M

Motorsport automotive. Pure black canvas, M tricolor stripe accents, full-bleed photography.

Open systemMedia & Consumer Tech · alpha

Dell (1996)

Catalog-era PC retail web. Black page frame, flat color-block ribbon cards, Helvetica-Black over Times Roman.

Open systemMedia & Consumer Tech · alpha

HP

Consumer electronics catalog. White canvas with electric blue accent, angular chevron motifs.

Open systemE-commerce & Retail · alpha

Airbnb

Travel marketplace. Warm coral accent, photography-driven, rounded UI.

Open system
Productivity & SaaS · alpha

Airtable

Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.

Open system
Media & Consumer Tech · alpha

Apple

Consumer electronics. Premium white space, SF Pro, cinematic imagery.

Open system
Fintech & Crypto · alpha

Binance

Crypto exchange. Bold yellow accent on monochrome, trading-floor urgency.

Open system
Automotive · alpha

BMW

Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.

Open system
Automotive · alpha

Bugatti

Hypercar brand. Cinema-black canvas, monochrome austerity, monumental display type.

Open system
Productivity & SaaS · alpha

Cal.com

Open-source scheduling. Clean neutral UI, developer-oriented simplicity.

Open system
AI & LLM Platforms · alpha

Claude

Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.

Open system
Design & Creative Tools · alpha

Clay

Creative agency. Organic shapes, soft gradients, art-directed layout.

Open system
Backend, Database & DevOps · alpha

ClickHouse

Fast analytics database. Yellow-accented, technical documentation style.

Open system
AI & LLM Platforms · alpha

Cohere

Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.

Open system
Fintech & Crypto · alpha

Coinbase

Crypto exchange. Clean blue identity, trust-focused, institutional feel.

Open system
Developer Tools & IDEs · alpha

Composio

Tool integration platform. Modern dark with colorful integration icons.

Open system
Developer Tools & IDEs · alpha

Cursor

AI-first code editor. Sleek dark interface, gradient accents.

Open system
AI & LLM Platforms · alpha

ElevenLabs

AI voice platform. Dark cinematic UI, audio-waveform aesthetics.

Open system
Developer Tools & IDEs · alpha

Expo

React Native platform. Dark theme, tight letter-spacing, code-centric.

Open system
Automotive · alpha

Ferrari

Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black.

Open system
Design & Creative Tools · alpha

Figma

Collaborative design tool. Vibrant multi-color, playful yet professional.

Open system
Design & Creative Tools · alpha

Framer

Website builder. Bold black and blue, motion-first, design-forward.

Open system
Backend, Database & DevOps · alpha

HashiCorp

Infrastructure automation. Enterprise-clean, black and white.

Open system
Media & Consumer Tech · alpha

IBM

Enterprise technology. Carbon design system, structured blue palette.

Open system
Productivity & SaaS · alpha

Intercom

Customer messaging. Friendly blue palette, conversational UI patterns.

Open system
Fintech & Crypto · alpha

Kraken

Crypto trading. Purple-accented dark UI, data-dense dashboards.

Open system
Automotive · alpha

Lamborghini

Supercar brand. True black surfaces, gold accents, dramatic uppercase typography.

Open system
Productivity & SaaS · alpha

Linear

Project management. Ultra-minimal, precise, purple accent.

Open system
AI & LLM Platforms · alpha

Lovable

AI full-stack builder. Playful gradients, friendly dev aesthetic.

Open system
Fintech & Crypto · alpha

Mastercard

Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.

Open system
Media & Consumer Tech · alpha

Meta

Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.

Open system
AI & LLM Platforms · alpha

MiniMax

AI model provider. Bold dark interface with neon accents.

Open system
Design Systems · alpha

Mintlify

Documentation platform. Clean, green-accented, reading-optimized.

Open system
Design & Creative Tools · alpha

Miro

Visual collaboration. Bright yellow accent, infinite canvas aesthetic.

Open system
AI & LLM Platforms · alpha

Mistral AI

Open-weight LLM provider. French-engineered minimalism, purple-toned.

Open system
Backend, Database & DevOps · alpha

MongoDB

Document database. Green leaf branding, developer documentation focus.

Open system
E-commerce & Retail · alpha

Nike

Athletic retail. Monochrome UI, massive uppercase type, full-bleed photography.

Open system
Productivity & SaaS · alpha

Notion

All-in-one workspace. Warm minimalism, serif headings, soft surfaces.

Open system
Media & Consumer Tech · alpha

NVIDIA

GPU computing. Green-black energy, technical power aesthetic.

Open system
AI & LLM Platforms · alpha

Ollama

Run LLMs locally. Terminal-first, monochrome simplicity.

Open system
Developer Tools & IDEs · alpha

OpenCode

AI coding platform. Developer-centric dark theme.

Open system
E-commerce & Retail · alpha

Pinterest

Visual discovery. Red accent, masonry grid, image-first.

Open system
Media & Consumer Tech · alpha

PlayStation

Gaming console retail. Three-surface channel layout, quiet-authority display type, cyan hover-scale.

Open system
Backend, Database & DevOps · alpha

PostHog

Product analytics. Playful hedgehog branding, developer-friendly dark UI.

Open system
Developer Tools & IDEs · alpha

Raycast

Productivity launcher. Sleek dark chrome, vibrant gradient accents.

Open system
Automotive · alpha

Renault

French automotive. Vibrant aurora gradients, NouvelR typography, bold energy.

Open system
AI & LLM Platforms · alpha

Replicate

Run ML models via API. Clean white canvas, code-forward.

Open system
Backend, Database & DevOps · alpha

Resend

Email API. Minimal dark theme, monospace accents.

Open system
Fintech & Crypto · alpha

Revolut

Digital banking. Sleek dark interface, gradient cards, fintech precision.

Open system
AI & LLM Platforms · alpha

Runway

AI video generation. Cinematic dark UI, media-rich layout.

Open system
Design & Creative Tools · alpha

Sanity

Headless CMS. Red accent, content-first editorial layout.

Open system
Backend, Database & DevOps · alpha

Sentry

Error monitoring. Dark dashboard, data-dense, pink-purple accent.

Open system
E-commerce & Retail · alpha

Shopify

E-commerce platform. Dark-first cinematic, neon green accent, ultra-light type.

Open system
Media & Consumer Tech · alpha

SpaceX

Space technology. Stark black and white, full-bleed imagery, futuristic.

Open system
Media & Consumer Tech · alpha

Spotify

Music streaming. Vibrant green on dark, bold type, album-art-driven.

Open system
E-commerce & Retail · alpha

Starbucks

Global coffee retail brand. Four-tier green system, warm cream canvas, full-pill buttons.

Open system
Fintech & Crypto · alpha

Stripe

Payment infrastructure. Signature purple gradients, weight-300 elegance.

Open system
Backend, Database & DevOps · alpha

Supabase

Open-source Firebase alternative. Dark emerald theme, code-first.

Open system
Productivity & SaaS · alpha

Superhuman

Fast email client. Premium dark UI, keyboard-first, purple glow.

Open system
Automotive · alpha

Tesla

Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.

Open system
Media & Consumer Tech · alpha

The Verge

Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.

Open system
AI & LLM Platforms · alpha

Together AI

Open-source AI infrastructure. Technical, blueprint-style design.

Open system
Media & Consumer Tech · alpha

Uber

Mobility platform. Bold black and white, tight type, urban energy.

Open system
Backend, Database & DevOps · alpha

Vercel

Frontend deployment. Black and white precision, Geist font.

Open system
Media & Consumer Tech · alpha

Vodafone

Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.

Open system
AI & LLM Platforms · alpha

VoltAgent ❤️

AI agent framework. Void-black canvas, emerald accent, terminal-native.

Open system
Developer Tools & IDEs · alpha

Warp

Modern terminal. Dark IDE-like interface, block-based command UI.

Open system
Design & Creative Tools · alpha

Webflow

Visual web builder. Blue-accented, polished marketing site aesthetic.

Open system
Media & Consumer Tech · alpha

WIRED

Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.

Open system
Fintech & Crypto · alpha

Wise

Money transfer. Bright green accent, friendly and clear.

Open system
AI & LLM Platforms · alpha

xAI

Elon Musk's AI lab. Stark monochrome, futuristic minimalism.

Open system
Productivity & SaaS · alpha

Zapier

Automation platform. Warm orange, friendly illustration-driven.

Open system