ElevenLabs

Visit Website

AI voice platform. Blue brand (#1A73E8), dark cinematic UI.

深色电影感音频波形美学紫色调语音科技

Color Palette

primary

background

surface

text

muted

border

Typography

Heading FontInter, system-ui, sans-serif

Body FontInter, system-ui, sans-serif

Base Size16px

Line Height1.6

Weights400, 500, 600, 700

Heading Scale

h1ElevenLabs Heading

h2ElevenLabs Heading

h3ElevenLabs Heading

h4ElevenLabs Heading

DESIGN.md

# ElevenLabs Design System

## Visual Theme & Atmosphere
Dark cinematic AI. Deep black with purple accents. Audio waveform visualizations central to aesthetic.

## Agent Prompt Guide
Dark cinematic theme with purple accents. Audio waveform visualizations.

Related Design Systems

OpenAI

Similar AI company design system

Claude

Anthropic

Similar AI company design system

Gemini

Google

Similar AI company design system

Ollama

Similar AI company design system

Frequently Asked Questions

What is ElevenLabs's design style?

AI voice platform. Blue brand (#1A73E8), dark cinematic UI.

What is ElevenLabs's primary color?

ElevenLabs uses #1A73E8 as primary color, #050507 for background, and #F5F5F7 for text.

What fonts does ElevenLabs use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use ElevenLabs design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching ElevenLabs's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems