---
name: "ElevenLabs"
mode: "light"
---
# ElevenLabs
## Visual theme and atmosphere
Warm cream editorial with whispered headlines.
Bauhaus studio notebook — eggshell paper, black ink, violet and orange sparks for product moments.
## Color palette and roles
- **Eggshell (#fdfcfc)**: Page canvas, button surfaces, card surfaces.
- **Warm Taupe (#f5f3f1)**: Section bands, feature cards.
- **Ink (#000000)**: Primary text, filled buttons, nav.
- **Smoke (#777169)**: Body text, muted descriptions.
- **Violet Spark (#0447ff)**: Product visual accent.
- **Ember Orange (#ff4704)**: Product visual accent.
## Typography rules
- **Display**: Waldenburg, 300, 48px. Display and heading type only.
- **Body**: Inter, 400, 16px. Body, nav, buttons, links.
- **Code**: Geist Mono, 400, 13px. Technical micro-copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 28px.
- Section padding: 96px.
- Card corners: 20px.
- Control corners: 10px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Waldenburg at weight 300 for all display headlines 32px+.
- Set all buttons and pills to 9999px radius.
- Reserve Violet Spark and Ember Orange exclusively for product visuals.
- Do not bold Waldenburg.
- Do not use pure white for backgrounds — use Eggshell.
---
name: "ElevenLabs"
mode: "light"
---
# ElevenLabs
## Visual theme and atmosphere
Warm cream editorial with whispered headlines.
Bauhaus studio notebook — eggshell paper, black ink, violet and orange sparks for product moments.
## Color palette and roles
- **Eggshell (#fdfcfc)**: Page canvas, button surfaces, card surfaces.
- **Warm Taupe (#f5f3f1)**: Section bands, feature cards.
- **Ink (#000000)**: Primary text, filled buttons, nav.
- **Smoke (#777169)**: Body text, muted descriptions.
- **Violet Spark (#0447ff)**: Product visual accent.
- **Ember Orange (#ff4704)**: Product visual accent.
## Typography rules
- **Display**: Waldenburg, 300, 48px. Display and heading type only.
- **Body**: Inter, 400, 16px. Body, nav, buttons, links.
- **Code**: Geist Mono, 400, 13px. Technical micro-copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 28px.
- Section padding: 96px.
- Card corners: 20px.
- Control corners: 10px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Waldenburg at weight 300 for all display headlines 32px+.
- Set all buttons and pills to 9999px radius.
- Reserve Violet Spark and Ember Orange exclusively for product visuals.
- Do not bold Waldenburg.
- Do not use pure white for backgrounds — use Eggshell.
---
name: "ElevenLabs"
mode: "light"
---
# ElevenLabs
## Visual theme and atmosphere
Warm cream editorial with whispered headlines.
Bauhaus studio notebook — eggshell paper, black ink, violet and orange sparks for product moments.
## Color palette and roles
- **Eggshell (#fdfcfc)**: Page canvas, button surfaces, card surfaces.
- **Warm Taupe (#f5f3f1)**: Section bands, feature cards.
- **Ink (#000000)**: Primary text, filled buttons, nav.
- **Smoke (#777169)**: Body text, muted descriptions.
- **Violet Spark (#0447ff)**: Product visual accent.
- **Ember Orange (#ff4704)**: Product visual accent.
## Typography rules
- **Display**: Waldenburg, 300, 48px. Display and heading type only.
- **Body**: Inter, 400, 16px. Body, nav, buttons, links.
- **Code**: Geist Mono, 400, 13px. Technical micro-copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 28px.
- Section padding: 96px.
- Card corners: 20px.
- Control corners: 10px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Waldenburg at weight 300 for all display headlines 32px+.
- Set all buttons and pills to 9999px radius.
- Reserve Violet Spark and Ember Orange exclusively for product visuals.
- Do not bold Waldenburg.
- Do not use pure white for backgrounds — use Eggshell.
---
name: "ElevenLabs"
mode: "light"
---
# ElevenLabs
## Visual theme and atmosphere
Warm cream editorial with whispered headlines.
Bauhaus studio notebook — eggshell paper, black ink, violet and orange sparks for product moments.
## Color palette and roles
- **Eggshell (#fdfcfc)**: Page canvas, button surfaces, card surfaces.
- **Warm Taupe (#f5f3f1)**: Section bands, feature cards.
- **Ink (#000000)**: Primary text, filled buttons, nav.
- **Smoke (#777169)**: Body text, muted descriptions.
- **Violet Spark (#0447ff)**: Product visual accent.
- **Ember Orange (#ff4704)**: Product visual accent.
## Typography rules
- **Display**: Waldenburg, 300, 48px. Display and heading type only.
- **Body**: Inter, 400, 16px. Body, nav, buttons, links.
- **Code**: Geist Mono, 400, 13px. Technical micro-copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 28px.
- Section padding: 96px.
- Card corners: 20px.
- Control corners: 10px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Waldenburg at weight 300 for all display headlines 32px+.
- Set all buttons and pills to 9999px radius.
- Reserve Violet Spark and Ember Orange exclusively for product visuals.
- Do not bold Waldenburg.
- Do not use pure white for backgrounds — use Eggshell.
---
name: "ElevenLabs"
mode: "light"
---
# ElevenLabs
## Visual theme and atmosphere
Warm cream editorial with whispered headlines.
Bauhaus studio notebook — eggshell paper, black ink, violet and orange sparks for product moments.
## Color palette and roles
- **Eggshell (#fdfcfc)**: Page canvas, button surfaces, card surfaces.
- **Warm Taupe (#f5f3f1)**: Section bands, feature cards.
- **Ink (#000000)**: Primary text, filled buttons, nav.
- **Smoke (#777169)**: Body text, muted descriptions.
- **Violet Spark (#0447ff)**: Product visual accent.
- **Ember Orange (#ff4704)**: Product visual accent.
## Typography rules
- **Display**: Waldenburg, 300, 48px. Display and heading type only.
- **Body**: Inter, 400, 16px. Body, nav, buttons, links.
- **Code**: Geist Mono, 400, 13px. Technical micro-copy.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 28px.
- Section padding: 96px.
- Card corners: 20px.
- Control corners: 10px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 300ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Use Waldenburg at weight 300 for all display headlines 32px+.
- Set all buttons and pills to 9999px radius.
- Reserve Violet Spark and Ember Orange exclusively for product visuals.
- Do not bold Waldenburg.
- Do not use pure white for backgrounds — use Eggshell.
