Storytel - Audiobooks Library

Colors

• #F04000primary-orange · title highlight
• #111111text-dark · body text · action button text
• #FAFAFAbackground-white · screen background
• #E8E8E8card-border · checkbox card borders
• #737373checkbox-stroke · unchecked checkbox border

Type

• headlineMontserrat · 66px · 800 · #F04000
• body-leadMontserrat · 36px · 400 · #111111
• card-bodyMontserrat · 30px · 400 · #111111
• button-labelMontserrat · 34px · 700 · #FFFFFF

Elements

• consent_card_1 · card

  Full width with 48px horizontal margins, containing checkbox on left and text on right, height approx 200px · Light white background with 1px light grey border and rounded corners

• consent_card_2 · card

  Below card 1 with 24px vertical separation, identical width and padding, height approx 240px · Light white background with 1px light grey border and rounded corners

• continue_button · button

  Fixed near bottom, margins 48px, height 110px · Solid black pill button with centered white text

Layout

Opt-in / consent form layout with title and description vertically aligned on the left, followed by stacked interactive selection cards and a prominent sticky bottom CTA.

Notes

Custom rounded sans-serif font throughout.