Design Systems
Browse 173 Design Systems modes for AI coding agents — production-grounded, cited, installable. Part of the VIBE library.
acd-brutalist-the-verge-design-mode
Reference DESIGN.md for hard-edge editorial publishing with saturated single-hue accent.
View → modeacd-cinematic-bmw-design-mode
Reference DESIGN.md for luxury automotive editorial that needs to feel engineered. White slabs, full-bleed performance photography, BMW corporate blue rising into a deeper blue at active states, restrained Helvetica-grade typography.
View → modeacd-cinematic-cohere-design-mode
Reference DESIGN.md for enterprise-AI brands that need to feel premium, dark, and quietly futuristic. Ink canvas, Unica grotesque type, saturated coral-to-violet brand gradient deployed as backdrop and accent rule, full-pill buttons, gen...
View → modeacd-cinematic-ferrari-design-mode
Reference DESIGN.md for performance brands that need to feel theatrical. High-contrast black-and-white frames cut by Rosso Corsa red, sharp 0-radius components, FerrariSans across the entire page, photography that treats the car as sculp...
View → modeacd-cinematic-lamborghini-design-mode
Reference DESIGN.md for hyper-luxury that needs to feel forged. True-black canvas, oversized LamboType nameplates at 120px+, hexagonal angle motifs, single warm-gold accent for primary actions, photography lit like a vault.
View → modeacd-cinematic-minimax-design-mode
Reference DESIGN.md for AI-lab cinematic: pure black canvas, neon-lime accent on charcoal chrome, geometric DM Sans / Outfit type, pill-shaped CTAs.
View → modeacd-cinematic-nvidia-design-mode
Reference DESIGN.md for GPU-vendor cinematic: chrome-black canvas, signature green action, video-led hero, hard-edged grotesque headlines.
View → modeacd-cinematic-renault-design-mode
Reference DESIGN.md for European mobility brands that need to feel modern and warm at once. Paper-white canvas with full-bleed aurora gradients (yellow → magenta → cyan), the diamond logomark as primary geometric anchor, NouvelR across t...
View → modeacd-cinematic-runway-design-mode
Reference DESIGN.md for film-grade dark UI, oversized type, motion-forward hero sections.
View → modeacd-cinematic-tavus-design-mode
Reference DESIGN.md for video-AI products that need to feel premium and human at once. Cream off-white canvas with deep ink contrast, one warm pink accent, oversized display serif intercut with a compact display grotesque.
View → modeacd-data-dense-clickhouse-design-mode
Reference DESIGN.md for dashboard-first, chart-heavy, saturated-on-charcoal dev-tool aesthetic.
View → modeacd-data-dense-datadog-design-mode
Reference DESIGN.md for monitoring dashboards: deep navy chrome, royal-purple brand, warm-cool categorical chart palette tuned for stacked time series at 1px tick precision.
View → modeacd-data-dense-mongodb-design-mode
Reference DESIGN.md for developer database UIs: forest-green leaf brand, deep slate chrome, dashboard-first density with marketing surfaces in light editorial.
View → modeacd-data-dense-posthog-design-mode
Reference DESIGN.md for analytics products that don't want to feel cold. Saturated cobalt + warning yellow on white. Hedgehog-tier personality without losing chart density.
View → modeacd-editorial-linear-design-mode
Reference DESIGN.md for calm-neutral SaaS with one surgical purple accent.
View → modeacd-editorial-vercel-design-mode
Reference DESIGN.md for grayscale-only editorial. No accent. Geometry and type carry the entire identity.
View → modeacd-glass-apple-design-mode
Reference DESIGN.md for premium consumer software with translucent surfaces. SF Pro everywhere, system tints sparingly, vibrancy materials over solid fills.
View → modeacd-glass-arc-design-mode
Reference DESIGN.md for frosted translucency, pastel gradients, soft geometry.
View → modeacd-indie-granola-design-mode
Reference DESIGN.md for warm-glass AI notetaker aesthetic. Not in VoltAgent's catalog. Worth cloning.
View → modeacd-playful-canva-design-mode
Reference DESIGN.md for design tools that need to feel friendly and full-spectrum without sliding into kitsch. Canva-purple action, periwinkle and sky support tones, generous radii, gradient surfaces used as backdrops not buttons.
View → modeacd-playful-figma-design-mode
Reference DESIGN.md for multi-color, rounded, illustration-friendly SaaS.
View → modeacd-playful-toss-design-mode
Reference DESIGN.md for Korean-fintech playful: Toss Blue against bright white, Toss Product Sans paired with Noto Sans KR, generous radii, friendly mood, mobile-first density.
View → modeacd-remix-granola-x-criterion-design-mode
Remix. Granola's warm cream + frosted glass + Criterion Collection's film-archive editorial rigor. For premium consumer apps that want to feel like a curated library, not a productivity tool.
View → modeacd-remix-linear-x-claude-design-mode
Remix example. Linear's surgical density + Claude's warm editorial restraint. Inherits Linear geometry, swaps accent to terracotta, keeps Inter for UI but adds Tiempos for headlines.
View → modeacd-remix-mercury-x-linear-design-mode
Remix. Mercury's cream-canvas fintech warmth + Linear's surgical UI density. For B2B finance dashboards, billing consoles, and treasury tools that need Linear-grade information density without losing the trust-broadcasting warmth Mercury...
View → modeacd-remix-notion-x-duolingo-design-mode
Remix. Notion's warm neutral document surface + Duolingo's saturated greens, rounded corners, and tactile feedback. For learning platforms, courses, and education tools that want to feel like a serious workspace and a friendly tutor at o...
View → modeacd-remix-ollama-x-elevenlabs-design-mode
Remix. Ollama's pure terminal monochrome + ElevenLabs' cinematic dark gradients and electric-blue motion. For CLI / OSS tool landing pages that want the hero to feel like a product film, then settle into terminal density below the fold.
View → modeacd-remix-stripe-x-a24-design-mode
Remix. Stripe's grid + A24's poster boldness. For pitch decks, investor sites, premium fintech that needs to feel less corporate.
View → modeacd-remix-vercel-x-pitchfork-design-mode
Remix. Vercel's grayscale-only restraint + Pitchfork's `#ff5d1f` orange and editorial serif. For docs, changelogs, and developer-marketing pages that want to read like a magazine review without losing technical credibility.
View → modeacd-remix-warp-x-sentry-design-mode
Remix. Warp's mono grid + Sentry's lilac purple. Dashboards that don't read as funeral parlors.
View → modeacd-terminal-ollama-design-mode
Reference DESIGN.md for monochrome, mono-everywhere, CLI-first aesthetic.
View → modeacd-terminal-opencode-design-mode
Reference DESIGN.md for OSS terminal coding agent: near-black canvas, off-white text, phosphor-green action, IBM Plex Mono everywhere, hard edges.
View → modeacd-terminal-warp-design-mode
Reference DESIGN.md for terminal-aesthetic with chromatic warmth. Mono-first, but neon teal and coral break the ascetic.
View → modeacd-warm-claude-design-mode
Reference DESIGN.md for a terracotta-on-cream editorial aesthetic. Drop into Claude Design → scaffolds the full system.
View → modeacd-warm-mercury-design-mode
Reference DESIGN.md for fintech that wants to feel calm and considered, not chrome-and-glass cold. Cream canvas, indigo action, dashboard density that still reads like editorial.
View → modeagentic-design-mode
Expert in the Agentic design system - Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
View → modeairbnb-design-mode
Expert in the Airbnb design system - Travel marketplace. Warm coral accent, photography-driven, rounded UI.
View → modeairtable-design-mode
Expert in the Airtable design system - Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.
View → modeant-design-mode
Expert in the Ant design system - Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
View → modeapple-design-mode
Expert in the Apple design system - Consumer electronics. Premium white space, SF Pro, cinematic imagery.
View → modeapplication-design-mode
Expert in the Application design system - App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
View → modearc-design-mode
Expert in the Arc Browser design system - "The browser that browses for you." Translucent surfaces, gradient warmth, sidebar-first layout.
View → modeartistic-design-mode
Expert in the Artistic design system - High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
View → modeatelier-zero-design-mode
Expert in the Atelier Zero design system - A magazine-grade, collage-driven visual system: warm paper canvas, surreal
View → modebento-design-mode
Expert in the Bento design system - Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
View → modebinance-design-mode
Expert in the Binance.US design system - Crypto exchange. Bold yellow accent on monochrome, trading-floor urgency.
View → modebmw-design-mode
Expert in the BMW design system - Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.
View → modebold-design-mode
Expert in the Bold design system - Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
View → modebrutalism-design-mode
Expert in the Brutalism design system - Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
View → modebugatti-design-mode
Expert in the Bugatti design system - Hypercar brand. Cinema-black canvas, monochrome austerity, monumental display type.
View → modecafe-design-mode
Expert in the Cafe design system - Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
View → modecal-design-mode
Expert in the Cal.com design system - Open-source scheduling. Clean neutral UI, developer-oriented simplicity.
View → modecanva-design-mode
Expert in the Canva design system - Visual creation platform. Vivid purple-blue gradient, generous spacing, friendly geometry.
View → modeclaude-design-mode
Expert in the Claude (Anthropic) design system - Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.
View → modeclay-design-mode
Expert in the Clay design system - Creative agency. Organic shapes, soft gradients, art-directed layout.
View → modeclaymorphism-design-mode
Expert in the Claymorphism design system - Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
View → modeclean-design-mode
Expert in the Clean design system - Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
View → modeclickhouse-design-mode
Expert in the ClickHouse design system - Fast analytics database. Yellow-accented, technical documentation style.
View → modecohere-design-mode
Expert in the Cohere design system - Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.
View → modecoinbase-design-mode
Expert in the Coinbase design system - Crypto exchange. Clean blue identity, trust-focused, institutional feel.
View → modecolorful-design-mode
Expert in the Colorful design system - Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
View → modecomposio-design-mode
Expert in the Composio design system - Tool integration platform. Modern dark with colorful integration icons.
View → modecontemporary-design-mode
Expert in the Contemporary design system - Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
View → modecorporate-design-mode
Expert in the Corporate design system - Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
View → modecosmic-design-mode
Expert in the Cosmic design system - Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
View → modecreative-design-mode
Expert in the Creative design system - Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
View → modecursor-design-mode
Expert in the Cursor design system - AI-first code editor. Sleek dark interface, gradient accents.
View → modedashboard-design-mode
Expert in the Dashboard design system - Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
View → modedefault-design-mode
Expert in the Neutral Modern design system - A clean, product-oriented default. Use when the brief doesn't call for a
View → modediscord-design-mode
Expert in the Discord design system - Voice / chat platform. Deep blurple, dark-first surfaces, playful accent moments.
View → modedithered-design-mode
Expert in the Dithered design system - Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
View → modedoodle-design-mode
Expert in the Doodle design system - Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
View → modedramatic-design-mode
Expert in the Dramatic design system - High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
View → modeduolingo-design-mode
Expert in the Duolingo design system - Language-learning platform. Bright owl green, chunky shadows, gamified joy.
View → modeeditorial-design-mode
Expert in the Editorial design system - Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
View → modeelegant-design-mode
Expert in the Elegant design system - Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
View → modeelevenlabs-design-mode
Expert in the ElevenLabs design system - AI voice platform. Dark cinematic UI, audio-waveform aesthetics.
View → modeenergetic-design-mode
Expert in the Energetic design system - Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
View → modeenterprise-design-mode
Expert in the Enterprise design system - Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
View → modeexpo-design-mode
Expert in the Expo design system - React Native platform. Dark theme, tight letter-spacing, code-centric.
View → modeexpressive-design-mode
Expert in the Expressive design system - Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
View → modefantasy-design-mode
Expert in the Fantasy design system - Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
View → modeferrari-design-mode
Expert in the Ferrari design system - Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black.
View → modefigma-design-mode
Expert in the Figma design system - Collaborative design tool. Vibrant multi-color, playful yet professional.
View → modeflat-design-mode
Expert in the Flat design system - Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
View → modeframer-design-mode
Expert in the Framer design system - Website builder. Bold black and blue, motion-first, design-forward.
View → modefriendly-design-mode
Expert in the Friendly design system - Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
View → modefuturistic-design-mode
Expert in the Futuristic design system - Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
View → modegithub-design-mode
Expert in the GitHub design system - Code-forward platform. Functional density, blue-on-white precision, Primer foundations.
View → modeglassmorphism-design-mode
Expert in the Glassmorphism design system - Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
View → modegradient-design-mode
Expert in the Gradient design system - Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
View → modehashicorp-design-mode
Expert in the HashiCorp design system - Infrastructure automation. Enterprise-clean, black and white.
View → modehuggingface-design-mode
Expert in the Hugging Face design system - ML community hub. Sunny yellow accent, monospace identity, cheerful and dense.
View → modeibm-design-mode
Expert in the IBM design system - Enterprise technology. Carbon design system, structured blue palette.
View → modeintercom-design-mode
Expert in the Intercom design system - Customer messaging. Friendly blue palette, conversational UI patterns.
View → modekami-design-mode
Expert in the kami (紙 / 纸) design system - Editorial paper system: warm parchment canvas, ink-blue accent, serif-led hierarchy.
View → modekraken-design-mode
Expert in the Kraken design system - Crypto trading. Purple-accented dark UI, data-dense dashboards.
View → modelamborghini-design-mode
Expert in the Lamborghini design system - Supercar brand. True black surfaces, gold accents, dramatic uppercase typography.
View → modelevels-design-mode
Expert in the Levels design system - Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
View → modelinear-app-design-mode
Expert in the Linear design system - Project management. Ultra-minimal, precise, purple accent.
View → modelingo-design-mode
Expert in the Lingo design system - Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.
View → modelovable-design-mode
Expert in the Lovable design system - AI full-stack builder. Playful gradients, friendly dev aesthetic.
View → modeluxury-design-mode
Expert in the Luxury design system - High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
View → modemastercard-design-mode
Expert in the Mastercard design system - Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.
View → modematerial-design-mode
Expert in the Material design system - Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
View → modemeta-design-mode
Expert in the Meta (Store) design system - Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.
View → modeminimal-design-mode
Expert in the Minimal design system - Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
View → modeminimax-design-mode
Expert in the MiniMax design system - AI model provider. Bold dark interface with neon accents.
View → modemintlify-design-mode
Expert in the Mintlify design system - Documentation platform. Clean, green-accented, reading-optimized.
View → modemiro-design-mode
Expert in the Miro design system - Visual collaboration. Bright yellow accent, infinite canvas aesthetic.
View → modemistral-ai-design-mode
Expert in the Mistral AI design system - Open-weight LLM provider. French-engineered minimalism, purple-toned.
View → modemodern-design-mode
Expert in the Modern design system - Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
View → modemongodb-design-mode
Expert in the MongoDB design system - Document database. Green leaf branding, developer documentation focus.
View → modemono-design-mode
Expert in the Mono design system - Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
View → modeneobrutalism-design-mode
Expert in the Neobrutalism design system - Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
View → modeneon-design-mode
Expert in the Neon design system - Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
View → modeneumorphism-design-mode
Expert in the Neumorphism design system - Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
View → modenike-design-mode
Expert in the Nike design system - Athletic retail. Monochrome UI, massive uppercase type, full-bleed photography.
View → modenotion-design-mode
Expert in the Notion design system - All-in-one workspace. Warm minimalism, serif headings, soft surfaces.
View → modenvidia-design-mode
Expert in the NVIDIA design system - GPU computing. Green-black energy, technical power aesthetic.
View → modeollama-design-mode
Expert in the Ollama design system - Run LLMs locally. Terminal-first, monochrome simplicity.
View → modeopenai-design-mode
Expert in the OpenAI design system - Calm, near-monochrome system anchored in deep teal-black with generous white space and editorial typography.
View → modeopencode-ai-design-mode
Expert in the OpenCode design system - AI coding platform. Developer-centric dark theme.
View → modepacman-design-mode
Expert in the Pacman design system - Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
View → modepaper-design-mode
Expert in the Paper design system - Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
View → modeperspective-design-mode
Expert in the Perspective design system - Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.
View → modepinterest-design-mode
Expert in the Pinterest design system - Visual discovery. Red accent, masonry grid, image-first.
View → modeplaystation-design-mode
Expert in the PlayStation design system - Gaming console retail. Three-surface channel layout, quiet-authority display type, cyan hover-scale.
View → modeposthog-design-mode
Expert in the PostHog design system - Product analytics. Playful hedgehog branding, developer-friendly dark UI.
View → modepremium-design-mode
Expert in the Premium design system - Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
View → modeprofessional-design-mode
Expert in the Professional design system - Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
View → modepublication-design-mode
Expert in the Publication design system - Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
View → moderaycast-design-mode
Expert in the Raycast design system - Productivity launcher. Sleek dark chrome, vibrant gradient accents.
View → moderefined-design-mode
Expert in the Refined design system - Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
View → moderenault-design-mode
Expert in the Renault design system - French automotive. Vibrant aurora gradients, NouvelR typography, bold energy.
View → modereplicate-design-mode
Expert in the Replicate design system - Run ML models via API. Clean white canvas, code-forward.
View → moderesend-design-mode
Expert in the Resend design system - Email API. Minimal dark theme, monospace accents.
View → moderetro-design-mode
Expert in the Retro design system - Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
View → moderevolut-design-mode
Expert in the Revolut design system - Digital banking. Sleek dark interface, gradient cards, fintech precision.
View → moderunwayml-design-mode
Expert in the Runway design system - AI video generation. Cinematic dark UI, media-rich layout.
View → modesanity-design-mode
Expert in the Sanity design system - Headless CMS. Red accent, content-first editorial layout.
View → modesentry-design-mode
Expert in the Sentry design system - Error monitoring. Dark dashboard, data-dense, pink-purple accent.
View → modeshadcn-design-mode
Expert in the Shadcn design system - Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
View → modeshopify-design-mode
Expert in the Shopify design system - E-commerce platform. Dark-first cinematic, neon green accent, ultra-light type.
View → modesimple-design-mode
Expert in the Simple design system - Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.
View → modeskeumorphism-design-mode
Expert in the Skeumorphism design system - Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
View → modesleek-design-mode
Expert in the Sleek design system - Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
View → modespacex-design-mode
Expert in the SpaceX design system - Space technology. Stark black and white, full-bleed imagery, futuristic.
View → modespacious-design-mode
Expert in the Spacious design system - Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
View → modespotify-design-mode
Expert in the Spotify design system - Music streaming. Vibrant green on dark, bold type, album-art-driven.
View → modestarbucks-design-mode
Expert in the Starbucks design system - Global coffee retail brand. Four-tier green system, warm cream canvas, full-pill buttons.
View → modestorytelling-design-mode
Expert in the Storytelling design system - Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.
View → modestripe-design-mode
Expert in the Stripe design system - Payment infrastructure. Signature purple gradients, weight-300 elegance.
View → modesupabase-design-mode
Expert in the Supabase design system - Open-source Firebase alternative. Dark emerald theme, code-first.
View → modesuperhuman-design-mode
Expert in the Superhuman design system - Fast email client. Premium dark UI, keyboard-first, purple glow.
View → modetesla-design-mode
Expert in the Tesla design system - Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.
View → modetetris-design-mode
Expert in the Tetris design system - Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.
View → modetheverge-design-mode
Expert in the The Verge design system - Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.
View → modetogether-ai-design-mode
Expert in the Together AI design system - Open-source AI infrastructure. Technical, blueprint-style design.
View → modeuber-design-mode
Expert in the Uber design system - Mobility platform. Bold black and white, tight type, urban energy.
View → modevercel-design-mode
Expert in the Vercel design system - Frontend deployment. Black and white precision, Geist font.
View → modevibrant-design-mode
Expert in the Vibrant design system - Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
View → modevintage-design-mode
Expert in the Vintage design system - 1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
View → modevodafone-design-mode
Expert in the Vodafone design system - Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.
View → modevoltagent-design-mode
Expert in the VoltAgent design system - AI agent framework. Void-black canvas, emerald accent, terminal-native.
View → modewarm-editorial-design-mode
Expert in the Warm Editorial design system - A serif-led magazine aesthetic. Terracotta accent on warm off-white paper —
View → modewarp-design-mode
Expert in the Warp design system - Modern terminal. Dark IDE-like interface, block-based command UI.
View → modewebflow-design-mode
Expert in the Webflow design system - Visual web builder. Blue-accented, polished marketing site aesthetic.
View → modewired-design-mode
Expert in the WIRED design system - Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.
View → modewise-design-mode
Expert in the Wise design system - Money transfer. Bright green accent, friendly and clear.
View → modex-ai-design-mode
Expert in the xAI design system - Elon Musk's AI lab. Stark monochrome, futuristic minimalism.
View → modexiaohongshu-design-mode
Expert in the Xiaohongshu design system - Lifestyle UGC social platform. Singular brand red, generous radius, content-first.
View → modezapier-design-mode
Expert in the Zapier design system - Automation platform. Warm orange, friendly illustration-driven.
View →