UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin

Groups

All systems72AI & LLM Platforms12Automotive7Backend, Database & DevOps8Design & Creative Tools6Design Systems1Developer Tools & IDEs6E-commerce & Retail5Fintech & Crypto7Media & Consumer Tech13Productivity & SaaS7

Most Used

01BMW M002Dell (1996)003HP004Airbnb005Airtable0

System Layer

Start with the global languageDesign systems define type, color, spacing, components, and responsive rules before local skills add expression.

UI DESIGN LAB Design Systems

Design SystemsSystem Skills72 Systems72 Shown

Browse reusable design-system layers.

Global visual language, tokens, component rules, and responsive boundaries now live apart from local Prompt Skills.

System Index

Design-system baselines

Choose the page-level rules here, then layer layout, motion, and asset techniques from Skills.

01BMW M02Dell (1996)03HP04Airbnb05Airtable
67 more systems below
Active Systems72
Groups10
Total Uses0
AccessFree
Library

All Design Systems

Reset filters
Automotive

BMW M

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

Open systemMedia & Consumer Tech

Dell (1996)

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

Open systemMedia & Consumer Tech

HP

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

Open systemE-commerce & Retail

Airbnb

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

Open systemProductivity & SaaS

Airtable

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

Open systemMedia & Consumer Tech

Apple

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

Open systemFintech & Crypto

Binance

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

Open systemAutomotive

BMW

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

Open systemAutomotive

Bugatti

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

Open systemProductivity & SaaS

Cal.com

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

Open systemAI & LLM Platforms

Claude

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

Open systemDesign & Creative Tools

Clay

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

Open systemBackend, Database & DevOps

ClickHouse

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

Open systemAI & LLM Platforms

Cohere

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

Open systemFintech & Crypto

Coinbase

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

Open systemDeveloper Tools & IDEs

Composio

Tool integration platform. Modern dark with colorful integration icons.

Open systemDeveloper Tools & IDEs

Cursor

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

Open systemAI & LLM Platforms

ElevenLabs

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

Open systemDeveloper Tools & IDEs

Expo

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

Open systemAutomotive

Ferrari

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

Open systemDesign & Creative Tools

Figma

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

Open systemDesign & Creative Tools

Framer

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

Open systemBackend, Database & DevOps

HashiCorp

Infrastructure automation. Enterprise-clean, black and white.

Open systemMedia & Consumer Tech

IBM

Enterprise technology. Carbon design system, structured blue palette.

Open systemProductivity & SaaS

Intercom

Customer messaging. Friendly blue palette, conversational UI patterns.

Open systemFintech & Crypto

Kraken

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

Open systemAutomotive

Lamborghini

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

Open systemProductivity & SaaS

Linear

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

Open systemAI & LLM Platforms

Lovable

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

Open systemFintech & Crypto

Mastercard

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

Open systemMedia & Consumer Tech

Meta

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

Open systemAI & LLM Platforms

MiniMax

AI model provider. Bold dark interface with neon accents.

Open systemDesign Systems

Mintlify

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

Open systemDesign & Creative Tools

Miro

Visual collaboration. Bright yellow accent, infinite canvas aesthetic.

Open systemAI & LLM Platforms

Mistral AI

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

Open systemBackend, Database & DevOps

MongoDB

Document database. Green leaf branding, developer documentation focus.

Open systemE-commerce & Retail

Nike

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

Open systemProductivity & SaaS

Notion

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

Open systemMedia & Consumer Tech

NVIDIA

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

Open systemAI & LLM Platforms

Ollama

Run LLMs locally. Terminal-first, monochrome simplicity.

Open systemDeveloper Tools & IDEs

OpenCode

AI coding platform. Developer-centric dark theme.

Open systemE-commerce & Retail

Pinterest

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

Open systemMedia & Consumer Tech

PlayStation

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

Open systemBackend, Database & DevOps

PostHog

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

Open systemDeveloper Tools & IDEs

Raycast

Productivity launcher. Sleek dark chrome, vibrant gradient accents.

Open systemAutomotive

Renault

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

Open systemAI & LLM Platforms

Replicate

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

Open systemBackend, Database & DevOps

Resend

Email API. Minimal dark theme, monospace accents.

Open systemFintech & Crypto

Revolut

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

Open systemAI & LLM Platforms

Runway

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

Open systemDesign & Creative Tools

Sanity

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

Open systemBackend, Database & DevOps

Sentry

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

Open systemE-commerce & Retail

Shopify

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

Open systemMedia & Consumer Tech

SpaceX

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

Open systemMedia & Consumer Tech

Spotify

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

Open systemE-commerce & Retail

Starbucks

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

Open systemFintech & Crypto

Stripe

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

Open systemBackend, Database & DevOps

Supabase

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

Open systemProductivity & SaaS

Superhuman

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

Open systemAutomotive

Tesla

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

Open systemMedia & Consumer Tech

The Verge

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

Open systemAI & LLM Platforms

Together AI

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

Open systemMedia & Consumer Tech

Uber

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

Open systemBackend, Database & DevOps

Vercel

Frontend deployment. Black and white precision, Geist font.

Open systemMedia & Consumer Tech

Vodafone

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

Open systemAI & LLM Platforms

VoltAgent ❤️

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

Open systemDeveloper Tools & IDEs

Warp

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

Open systemDesign & Creative Tools

Webflow

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

Open systemMedia & Consumer Tech

WIRED

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

Open systemFintech & Crypto

Wise

Money transfer. Bright green accent, friendly and clear.

Open systemAI & LLM Platforms

xAI

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

Open systemProductivity & SaaS

Zapier

Automation platform. Warm orange, friendly illustration-driven.

Open system