Design Systems — 150 portable visual systems.
Each system is a single DESIGN.md token spec that keeps colors, type, spacing, and components consistent.
- AI & LLM15
- Media & Consumer12
- Productivity & SaaS12
- Creative & Artistic11
- Modern & Minimal10
- Professional & Corporate10
- Backend & Data9
- Developer Tools9
- Bold & Expressive8
- Themed & Unique8
- Automotive7
- Design & Creative7
- Fintech & Crypto7
- Morphism & Effects6
- E-Commerce & Retail5
- Layout & Structure4
- Retro & Nostalgic4
- Starter2
- Editorial / Personal / Publication1
- Editorial & Print1
- Editorial · Studio1
- Social & Messaging1
- Agentic
Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
- Airbnb
Travel marketplace. Warm coral accent, photography-driven, rounded UI.
- Airtable
Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.
- Ant
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
- Apple
Consumer electronics. Premium white space, SF Pro, cinematic imagery.
- Application
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
- Arc Browser
"The browser that browses for you." Translucent surfaces, gradient warmth, sidebar-first layout.
- Artistic
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
- Atelier Zero
A magazine-grade, collage-driven visual system: warm paper canvas, surreal plaster-and-architecture imagery, oversized display type, hairline rules, Roman-numeral section markers, and tiny editorial annotations. Inspired by the production values of high-end print magazines (Monocle, Apartamento, IDEA) translated into a working website.
- Bento
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
- Binance.US
Crypto exchange. Bold yellow accent on monochrome, trading-floor urgency.
- BMW
Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.
- BMW M
Motorsport performance sub-brand. Near-black cockpit surfaces, BMW M tricolor accents, sharp engineering geometry.
- Bold
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
- Brutalism
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
- Bugatti
Hypercar brand. Cinema-black canvas, monochrome austerity, monumental display type.
- Cafe
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
- Cal.com
Open-source scheduling. Clean neutral UI, developer-oriented simplicity.
- Canva
Visual creation platform. Vivid purple-blue gradient, generous spacing, friendly geometry.
- Cisco
Enterprise infrastructure brand. Dark trust surfaces, Cisco Blue signal, technical clarity.
- Claude (Anthropic)
Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.
- Clay
Creative agency. Organic shapes, soft gradients, art-directed layout.
- Claymorphism
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
- Clean
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
- ClickHouse
Fast analytics database. Yellow-accented, technical documentation style.
- Cohere
Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.
- Coinbase
Crypto exchange. Clean blue identity, trust-focused, institutional feel.
- Colorful
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
- Composio
Tool integration platform. Modern dark with colorful integration icons.
- Contemporary
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
- Corporate
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
- Cosmic
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
- Creative
Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
- Cursor
AI-first code editor. Sleek dark interface, gradient accents.
- Dashboard
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
- Discord
Voice / chat platform. Deep blurple, dark-first surfaces, playful accent moments.
- Dithered
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
- Doodle
Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
- Dramatic
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
- Duolingo
Language-learning platform. Bright owl green, chunky shadows, gamified joy.
- Editorial
Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
- Elegant
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
- ElevenLabs
AI voice platform. Dark cinematic UI, audio-waveform aesthetics.
- Energetic
Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
- Enterprise
Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
- Expo
React Native platform. Dark theme, tight letter-spacing, code-centric.
- Expressive
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
- Fantasy
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
- Ferrari
Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black.
- Figma
Collaborative design tool. Vibrant multi-color, playful yet professional.
- Flat
Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
- Framer
Website builder. Bold black and blue, motion-first, design-forward.
- Friendly
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
- Futuristic
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
- GitHub
Code-forward platform. Functional density, blue-on-white precision, Primer foundations.
- Glassmorphism
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
- Gradient
Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
- HashiCorp
Infrastructure automation. Enterprise-clean, black and white.
- HUD Design System
Fighter jet / helicopter head-up display. Phosphor green on near-black, all-caps data overlays, angular geometry. Zero ambiguity at speed and altitude.
- Hugging Face
ML community hub. Sunny yellow accent, monospace identity, cheerful and dense.
- IBM
Enterprise technology. Carbon design system, structured blue palette.
- Intercom
Customer messaging. Friendly blue palette, conversational UI patterns.
- kami (紙 / 纸)
Editorial paper system: warm parchment canvas, ink-blue accent, serif-led hierarchy. Built for resumes, one-pagers, white papers, portfolios, slide decks — anything that should feel like high-quality print rather than UI. Multilingual by design (EN · zh-CN · ja).
- Kraken
Crypto trading. Purple-accented dark UI, data-dense dashboards.
- Lamborghini
Supercar brand. True black surfaces, gold accents, dramatic uppercase typography.
- Levels
Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
- Linear
Project management. Ultra-minimal, precise, purple accent.
- Lingo
Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.
- Loom Design System
Loom async video. Purple primary, friendly surfaces, video-first layout. Clean and professional without being corporate.
- Lovable
AI full-stack builder. Playful gradients, friendly dev aesthetic.
- Luxury
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
- Mastercard
Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.
- Material
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
- Meta (Store)
Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.
- Minimal
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
- MiniMax
AI model provider. Bold dark interface with neon accents.
- Mintlify
Documentation platform. Clean, green-accented, reading-optimized.
- Miro
Visual collaboration. Bright yellow accent, infinite canvas aesthetic.
- Mission Control Design System
Space/aerospace mission monitoring. Dark command center, amber telemetry, monospace precision. Functional clarity above all else.
- Mistral AI
Open-weight LLM provider. French-engineered minimalism, purple-toned.
- Modern
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
- MongoDB
Document database. Green leaf branding, developer documentation focus.
- Mono
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
- Neobrutalism
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
- Neon
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
- Neumorphism
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
- Neutral Modern
A clean, product-oriented default. Use when the brief doesn't call for a specific mood — good for B2B tools, dashboards, and utility pages.
- Nike
Athletic retail. Monochrome UI, massive uppercase type, full-bleed photography.
- Notion
All-in-one workspace. Warm minimalism, serif headings, soft surfaces.
- NVIDIA
GPU computing. Green-black energy, technical power aesthetic.
- Ollama
Run LLMs locally. Terminal-first, monochrome simplicity.
- OpenAI
Calm, near-monochrome system anchored in deep teal-black with generous white space and editorial typography.
- OpenCode
AI coding platform. Developer-centric dark theme.
- Pacman
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
- Paper
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
- Perplexity AI
Conversational AI search engine. Deep-dark canvas, sharp typography, single violet accent, dense information hierarchy.
- Perspective
Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.
- Pinterest
Visual discovery. Red accent, masonry grid, image-first.
- PlayStation
Gaming console retail. Three-surface channel layout, quiet-authority display type, cyan hover-scale.
- PostHog
Product analytics. Playful hedgehog branding, developer-friendly dark UI.
- Premium
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
- Professional
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
- Publication
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
- Raycast
Productivity launcher. Sleek dark chrome, vibrant gradient accents.
- Refined
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
- Renault
French automotive. Vibrant aurora gradients, NouvelR typography, bold energy.
- Replicate
Run ML models via API. Clean white canvas, code-forward.
- Resend
Email API. Minimal dark theme, monospace accents.
- Retro
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
- Revolut
Digital banking. Sleek dark interface, gradient cards, fintech precision.
- Runway
AI video generation. Cinematic dark UI, media-rich layout.
- Sanity
Headless CMS. Red accent, content-first editorial layout.
- Sentry
Error monitoring. Dark dashboard, data-dense, pink-purple accent.
- Shadcn
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
- Shopify
E-commerce platform. Dark-first cinematic, neon green accent, ultra-light type.
- Simple
Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.
- Skeumorphism
Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
- Slack
Workplace communication platform. Aubergine-primary, multi-accent logo palette, light surfaces with dark sidebar, warm and approachable.
- Sleek
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
- SpaceX
Space technology. Stark black and white, full-bleed imagery, futuristic.
- Spacious
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
- Spotify
Music streaming. Vibrant green on dark, bold type, album-art-driven.
- Starbucks
Global coffee retail brand. Four-tier green system, warm cream canvas, full-pill buttons.
- Storytelling
Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.
- Stripe
Payment infrastructure. Signature purple gradients, weight-300 elegance.
- Supabase
Open-source Firebase alternative. Dark emerald theme, code-first.
- Superhuman
Fast email client. Premium dark UI, keyboard-first, purple glow.
- Tesla
Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.
- Tetris
Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.
- The Verge
Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.
- Together AI
Open-source AI infrastructure. Technical, blueprint-style design.
- Totality Festival
Surface: web A cosmic-premium, glassmorphic dark system that captures the visceral awe of a solar eclipse — obsidian surfaces, amber "corona" highlights, and cyan atmospheric accents.
- Trading Terminal Design System
Bloomberg-style financial trading terminal. Dark-only, data-dense, cyan/coral buy/sell signals. Everything readable at a glance from two meters away.
- Uber
Mobility platform. Bold black and white, tight type, urban energy.
- Urdu Modern (Indus Script System)
- Vercel
Frontend deployment. Black and white precision, Geist font.
- Vibrant
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
- Vintage
1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
- Vodafone
Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.
- VoltAgent
AI agent framework. Void-black canvas, emerald accent, terminal-native.
- Warm Editorial
A serif-led magazine aesthetic. Terracotta accent on warm off-white paper — good for long-form, editorial, and brand-led marketing pages.
- Warp
Modern terminal. Dark IDE-like interface, block-based command UI.
- Webex
Collaboration platform. Momentum typography, blue action system, multi-user accent spectrum.
- Webflow
Visual web builder. Blue-accented, polished marketing site aesthetic.
- WeChat Design System
Brand visual language for WeChat Mini Programs, official accounts, and open ecosystem extensions.
- WIRED
Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.
- Wise
Money transfer. Bright green accent, friendly and clear.
- xAI
Elon Musk's AI lab. Stark monochrome, futuristic minimalism.
- Xiaohongshu
Lifestyle UGC social platform. Singular brand red, generous radius, content-first.
- Zapier
Automation platform. Warm orange, friendly illustration-driven.