ElevenLabs is the AI voice platform for lifelike speech and voice agents. Its style is light and airy: a warm near-white canvas (#f5f5f5, #f5f2ef), Waldenburg at weight 300 for whisper-thin headlines, Inter body with positive tracking, and multi-layer shadows under 0.1 opacity. Pill buttons rest on warm stone tints.
AIMinimal
Prompt Template
Base Template
Design a ElevenLabs-inspired interface. - Near-white canvas with warm undertones (#f5f5f5, #f5f2ef); - Waldenburg weight 300 (light) for display — ethereal, whisper-thin headings; - Inter with positive letter-spacing (0.14–0.18px) for body — airy readability; - Multi-layered shadow stacks at sub-0.1 opacity — surfaces barely exist; - Pill buttons (9999px) with warm stone-tinted backgrounds. Colors: #ffffff, #f5f5f5, #f5f2ef, #000000 with #7fffff accent. Typography: - Background:.
Variant Prompts
📱 Mobile
Design a mobile app with ElevenLabs aesthetics. Use ElevenLabs color identity with #7fffff accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with ElevenLabs style. Use ElevenLabs color identity with #7fffff accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with ElevenLabs design language. Use ElevenLabs color identity with #7fffff accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with ElevenLabs visual identity. Use ElevenLabs color identity with #7fffff accents. Compelling, conversion-focused.
Usage Examples
ElevenLabs App
WebBuild a web app with ElevenLabs design language and #7fffff color system.
ElevenLabs Dashboard
DashboardCreate a dashboard using ElevenLabs style with data visualization and - Background: typography.
✅ Best For
- AI
- Audio and voice products
- Rich-media creator tools
❌ Avoid For
- Bright retail stores
- Plain form-based admin tools
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.