Skip to content
Library

ElevenLabs. Warm cream editorial with whispered headlines.

  • AI
  • Light theme
  • 9 colors
  • 3 typefaces

ElevenLabs runs on a warm-white minimalism: an off-white eggshell canvas (#fdfcfc) holding black type and a single layer of warm taupe surfaces (#f5f3f1). The brand voice is quiet and confident — whisper-weight Waldenburg at 300 carves display headlines with extreme tightness (-0.02em), while Inter at 400/500 carries everything else with calm neutrality. Two accent sparks — vivid violet #0447ff and vivid orange #ff4704 — only ignite inside product visuals (audio spheres, product icons), never as UI chrome. Components stay flat or barely elevated with hairline 1px borders, generous 20px radii on cards, and fully-pilled 9999px buttons. The system feels like a Bauhaus studio on cream paper: restrained, editorial, and technically precise.

Screenshot of ElevenLabs
Captured from elevenlabs.io on October 11, 2026

ElevenLabs design system

ElevenLabs

Brand1

  • Product visual accent — appears inside audio sphere illustrations and decorative product icons only; never used for UI chrome

Accent1

  • Product visual accent — second sphere color and product icon highlight; paired with Violet Spark inside artwork, never in buttons or links

Neutrals7

  • Primary text, filled buttons, nav, links — pure black anchors the otherwise warm palette and creates the system's only hard contrast

  • Strong secondary text, section labels — barely-warm dark gray for text that needs weight without true-black harshness

  • Body text, muted descriptions, caption labels — mid warm-gray; the dominant readable-but-quiet voice across cards and feature copy

  • Faintest helper text, tertiary descriptions — the softest gray, used when text should feel like a footnote

  • Hairline borders, dividers, icon plate backgrounds — warm gray that sits between taupe and mid-gray without feeling cold

  • Section bands, feature cards, and secondary surface level — one step deeper than eggshell, creates quiet separation without borders

  • Page canvas, button surfaces, card surfaces — warm off-white rather than clinical white avoids digital glare and gives the site a paper-like calm

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Eggshell on Violet Spark

6.12 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.