ElevenLabs — Steps / How-it-works
'Calculate your costs based on your usage needs' configurator: feature chips and an 'Add feature' control plus a draggable minutes-of-audio slider on the left, feeding a live blue-to-orange gradient Creator summary card on the right showing a discounted $11 (was $22) price and a white 'Choose Creator' button.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/elevenlabs-interactive-cost-calculator.
Measured spec
| Scheme | light |
| Background | #FDFDFD |
| Text | #BF3F2B |
| Accents | #BF3F2B, #6689BE, #823C3D |
| Contrast | 5.21 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.359 |
| Measured size | 1600×943 px |
Palette
#ffffff#e8521f#2f5bd0#0a0a0a
Fonts
WaldenburgInter
Page types
Detail
Context
- Parent page: AI Audio Platform Pricing Page with Tiered Cards, Cost Calculator and Plan Comparison Table
- All of ElevenLabs