ElevenLabs: AI Voice Generator

Colors

• #000000Dim Overlay · Semi-transparent backdrop overlay
• #FFFFFFModal Surface · Terms dialog card background
• #0F0F10Dialog Title Text · Modal header text
• #4A4A4FDialog Body Text · Legal disclosure body copy
• #D1D1D6Action Button Fill · Cancel and Agree pill button surfaces

Type

• Dialog TitleSF Pro · 42px · 700 · #0F0F10
• Dialog BodySF Pro · 32px · 400 · #4A4A4F
• Action Button TextSF Pro · 34px · 600 · #0F0F10

Elements

• Terms and Privacy Dialog Modal · modal_dialog

  Centered horizontally and vertically over dimmed onboarding content, width ~90% screen width · High-radius white rounded rectangle card with prominent soft blur and drop shadow

• Cancel Button · button

  Left half of dialog bottom action row, height ~110 px · Muted gray pill shape with centered dark text

• Agree Button · button

  Right half of dialog bottom action row, height ~110 px · Matching gray pill shape with centered dark text

Layout

Centered modal dialog overlay on top of the dim-blurred welcome screen. Dialog structured with header, paragraph copy, and dual side-by-side action buttons at the bottom.

Notes

Modal uses custom pill-style buttons rather than default iOS UIAlertController standard split bordered buttons.