Open Design gallery

Design systems

Each one sets colors, type and spacing as tokens. Open one to see it, then use it with Open Design or add it to Claude Design.

• Agentic
  • minimal
  • calm
  • technical
  • ai
  • saas
• Airbnb
  • warm
  • friendly
  • travel
  • commerce
• Airtable
  • friendly
  • playful
  • saas
  • dashboard
• Ant
  • corporate
  • technical
  • enterprise
  • dashboard
• Apple
  • premium
  • minimal
  • elegant
  • consumer
  • commerce
• Apple Music (iOS)
  • bold
  • premium
  • media
  • consumer
• Application
  • technical
  • friendly
  • saas
  • developer
• Arc Browser
  • warm
  • playful
  • futuristic
  • saas
  • consumer
• Artistic
  • bold
  • artistic
  • creative
  • brand
• Atelier Zero
  • editorial
  • artistic
  • warm
  • creative
• Basic
  • editorial
  • bold
  • media
• Bento
  • minimal
  • friendly
  • saas
  • brand
• Binance.US
  • bold
  • technical
  • finance
• Bluesky (iOS)
  • friendly
  • minimal
  • social
• BMW
  • premium
  • technical
  • automotive
• BMW M
  • bold
  • premium
  • technical
  • automotive
• Bold
  • bold
  • brand
  • commerce
• Booking.com (iOS)
  • technical
  • friendly
  • travel
• Brutalism
  • bold
  • artistic
  • creative
  • brand
• Bugatti
  • premium
  • elegant
  • bold
  • automotive
• Bumble (iOS)
  • bold
  • friendly
  • playful
  • dating
  • social
• Cafe
  • warm
  • calm
  • friendly
  • food
  • consumer
• Cal.com
  • minimal
  • technical
  • saas
  • developer
• Canva
  • friendly
  • playful
  • creative
  • saas
• Cash App (iOS)
  • bold
  • minimal
  • finance
• Cisco
  • corporate
  • technical
  • enterprise
• Claude (Anthropic)
  • warm
  • calm
  • editorial
  • ai
• Clay
  • artistic
  • warm
  • playful
  • creative
  • brand
• Claymorphism
  • playful
  • friendly
  • consumer
  • education
• Clean
  • minimal
  • calm
  • saas
  • consumer
• ClickHouse
  • technical
  • developer
• Cloudflare Kumo UI
  • technical
  • minimal
  • developer
  • saas
• Codex
  • minimal
  • technical
  • developer
  • saas
• Cohere
  • technical
  • bold
  • ai
  • enterprise
• Coinbase
  • corporate
  • minimal
  • finance
• Colorful
  • bold
  • playful
  • consumer
  • brand
• Composio
  • technical
  • bold
  • developer
  • ai
• Contemporary
  • minimal
  • technical
  • saas
• Corporate
  • corporate
  • enterprise
• Cosmic
  • futuristic
  • bold
  • gaming
  • brand
• Creative
  • playful
  • artistic
  • bold
  • creative
  • brand
• Cursor
  • technical
  • futuristic
  • developer
  • ai
• Dashboard
  • technical
  • dashboard
  • saas
• Neutral Modern
  • minimal
  • calm
  • saas
  • dashboard
• Discord
  • playful
  • bold
  • social
  • gaming
• Dithered
  • retro
  • artistic
  • creative
  • gaming
• Doodle
  • playful
  • friendly
  • education
  • creative
• DoorDash (iOS)
  • bold
  • friendly
  • food
  • commerce
• Dramatic
  • bold
  • artistic
  • brand
  • media
• Duolingo
  • playful
  • friendly
  • education
  • consumer
• Editorial
  • editorial
  • elegant
  • media
• Elegant
  • elegant
  • premium
  • minimal
  • brand
  • commerce
• ElevenLabs
  • technical
  • premium
  • ai
  • media
• Energetic
  • bold
  • playful
  • brand
  • consumer
• Enterprise
  • corporate
  • technical
  • enterprise
  • dashboard
• Expo
  • technical
  • developer
• Expressive
  • bold
  • playful
  • artistic
  • brand
  • creative
• Fantasy
  • bold
  • artistic
  • gaming
• Feeld (iOS)
  • bold
  • premium
  • romantic
  • dating
  • social
• Ferrari
  • premium
  • bold
  • editorial
  • automotive
• Fiction
  • playful
  • warm
  • education
  • editorial
• Figma
  • playful
  • friendly
  • creative
  • saas
• Flat
  • minimal
  • friendly
  • consumer
  • saas
• Flighty (iOS)
  • technical
  • premium
  • travel
• Framer
  • bold
  • technical
  • creative
  • saas
• Friendly
  • friendly
  • calm
  • warm
  • consumer
  • wellness
• Futuristic
  • futuristic
  • technical
  • ai
  • brand
• Geometric
  • minimal
  • technical
  • saas
  • enterprise
• GitHub
  • technical
  • developer
• Glassmorphism
  • futuristic
  • elegant
  • consumer
  • brand
• Goodreads (iOS)
  • warm
  • editorial
  • media
  • social
• Gradient
  • playful
  • bold
  • consumer
  • brand
• HashiCorp
  • corporate
  • technical
  • developer
  • enterprise
• Headspace (iOS)
  • calm
  • warm
  • friendly
  • wellness
• HUD Design System
  • technical
  • futuristic
  • dashboard
  • gaming
• Hugging Face
  • friendly
  • technical
  • ai
  • developer
• IBM
  • corporate
  • technical
  • enterprise
• Immersive
  • bold
  • playful
  • gaming
  • education
• Impeccable
  • editorial
  • warm
  • bold
  • creative
  • brand
• Intercom
  • friendly
  • saas
• kami (紙 / 纸)
  • editorial
  • calm
  • elegant
• Kraken
  • technical
  • bold
  • finance
• Lamborghini
  • premium
  • bold
  • automotive
• Levels
  • minimal
  • bold
  • saas
  • commerce
• Linear
  • minimal
  • technical
  • premium
  • saas
  • developer
• Linear (iOS)
  • minimal
  • technical
  • saas
  • developer
• Lingo
  • playful
  • friendly
  • education
  • consumer
• Loom Design System
  • friendly
  • saas
  • media
• Lovable
  • playful
  • friendly
  • developer
  • ai
• Luxury
  • premium
  • elegant
  • romantic
  • brand
  • commerce
• Lyft (iOS)
  • playful
  • friendly
  • travel
• Mastercard
  • warm
  • editorial
  • corporate
  • finance
• Material
  • friendly
  • corporate
  • saas
  • consumer
• Matrix
  • technical
  • futuristic
  • developer
• Meta (Store)
  • minimal
  • commerce
  • consumer
• Minimal
  • minimal
  • calm
  • saas
  • brand
• MiniMax
  • bold
  • futuristic
  • ai
• Mintlify
  • minimal
  • calm
  • technical
  • developer
  • saas
• Miro
  • friendly
  • playful
  • saas
  • creative
• Mission Control Design System
  • technical
  • dashboard
• Mistral AI
  • minimal
  • premium
  • ai
• Modern
  • editorial
  • minimal
  • elegant
  • saas
• MongoDB
  • technical
  • developer
• Mono
  • technical
  • minimal
  • developer
• Monzo (iOS)
  • bold
  • friendly
  • finance
• Neobrutalism
  • bold
  • playful
  • brand
  • creative
• Neon
  • bold
  • futuristic
  • gaming
  • brand
• Netflix (iOS)
  • bold
  • media
• Neumorphism
  • calm
  • minimal
  • consumer
• Nike
  • bold
  • commerce
• Nike Run Club (iOS)
  • bold
  • wellness
• Notion
  • warm
  • minimal
  • calm
  • saas
• Nubank (iOS)
  • friendly
  • bold
  • finance
• NVIDIA
  • technical
  • bold
  • consumer
  • ai
• Ollama
  • minimal
  • technical
  • ai
  • developer
• OpenAI
  • calm
  • minimal
  • editorial
  • ai
• OpenCode
  • technical
  • developer
  • ai
• Oura (iOS)
  • calm
  • premium
  • technical
  • wellness
• Pacman
  • retro
  • playful
  • gaming
• Paper
  • retro
  • editorial
  • calm
  • creative
• Perplexity AI
  • technical
  • minimal
  • ai
• Perspective
  • futuristic
  • artistic
  • creative
  • brand
• Pinterest
  • friendly
  • social
  • consumer
• PlayStation
  • premium
  • bold
  • gaming
• Pocket Casts (iOS)
  • bold
  • media
• PostHog
  • playful
  • technical
  • developer
  • dashboard
• Power
  • premium
  • bold
  • brand
• Premium
  • premium
  • minimal
  • elegant
  • brand
  • consumer
• Professional
  • corporate
  • enterprise
  • brand
• Publication
  • editorial
  • artistic
  • media
• Pulse
  • bold
  • warm
  • playful
  • brand
  • creative
• Raycast
  • technical
  • premium
  • developer
• Reddit (iOS)
  • friendly
  • social
• Refined
  • elegant
  • minimal
  • editorial
  • brand
• Renault
  • bold
  • futuristic
  • automotive
• Replicate
  • minimal
  • technical
  • ai
  • developer
• Resend
  • minimal
  • technical
  • developer
• Resy (iOS)
  • editorial
  • premium
  • romantic
  • food
• Retro
  • retro
  • bold
  • brand
  • creative
• Revolut
  • premium
  • technical
  • finance
• Riso
  • retro
  • playful
  • artistic
  • creative
  • editorial
• Roku
  • friendly
  • technical
  • saas
  • dashboard
• Runway
  • premium
  • artistic
  • ai
  • media
• Sanity
  • editorial
  • technical
  • developer
• Sega
  • retro
  • playful
  • bold
  • gaming
• Sentry
  • technical
  • developer
  • dashboard
• Shadcn
  • minimal
  • technical
  • saas
  • developer
• Shopify
  • bold
  • premium
  • commerce
• Signal (iOS)
  • minimal
  • calm
  • social
• Simple
  • minimal
  • calm
  • saas
  • consumer
• Sketch
  • playful
  • warm
  • artistic
  • education
  • creative
• Skeumorphism
  • retro
  • warm
  • consumer
• Slack
  • friendly
  • warm
  • saas
• Sleek
  • minimal
  • premium
  • saas
  • brand
• Snapchat (iOS)
  • playful
  • bold
  • social
• SpaceX
  • futuristic
  • bold
  • minimal
  • brand
• Spacious
  • minimal
  • calm
  • saas
  • brand
• Spotify
  • bold
  • media
• Spotify (iOS)
  • bold
  • media
• Square
  • elegant
  • minimal
  • warm
  • brand
  • commerce
• Starbucks
  • warm
  • friendly
  • food
  • commerce
• Stitch
  • corporate
  • warm
  • elegant
  • enterprise
  • dashboard
• Storytelling
  • artistic
  • editorial
  • brand
  • media
• Strava (iOS)
  • bold
  • technical
  • wellness
  • social
• Stripe
  • premium
  • elegant
  • technical
  • finance
  • saas
• Supabase
  • technical
  • developer
• Superhuman
  • premium
  • technical
  • saas
• Telegram (iOS)
  • friendly
  • social
• Terracotta
  • warm
  • editorial
  • brand
  • food
• Tesla
  • minimal
  • premium
  • futuristic
  • automotive
• Tetris
  • retro
  • playful
  • gaming
• The Verge
  • bold
  • editorial
  • media
• Things 3 (iOS)
  • calm
  • minimal
  • saas
• Todoist (iOS)
  • friendly
  • minimal
  • saas
• Together AI
  • technical
  • ai
• Tom Modern Design
  • editorial
  • technical
  • bold
  • brand
• Totality Festival
  • bold
  • futuristic
  • artistic
  • brand
• Trading Terminal Design System
  • technical
  • finance
  • dashboard
• Twitch (iOS)
  • bold
  • playful
  • gaming
  • media
• Uber
  • bold
  • minimal
  • travel
• Uber Eats (iOS)
  • friendly
  • food
• Urdu Modern (Indus Script System)
  • editorial
  • elegant
• Vercel
  • minimal
  • technical
  • developer
• Vibrant
  • bold
  • playful
  • warm
  • consumer
  • brand
• Vintage
  • retro
  • warm
  • brand
  • creative
• Vodafone
  • bold
  • corporate
  • enterprise
  • brand
• VoltAgent
  • technical
  • futuristic
  • ai
  • developer
• Warm Editorial
  • warm
  • editorial
  • elegant
  • brand
• Warp
  • technical
  • developer
• Webex
  • corporate
  • friendly
  • enterprise
  • saas
• Webflow
  • corporate
  • friendly
  • creative
  • saas
• WeChat Design System
  • friendly
  • social
• WhatsApp (iOS)
  • friendly
  • social
• WIRED
  • editorial
  • bold
  • media
• Wise
  • friendly
  • finance
• xAI
  • minimal
  • futuristic
  • ai
• Xiaohongshu
  • friendly
  • warm
  • social
  • consumer
• Zapier
  • friendly
  • warm
  • saas