Storytel - Audiobooks Library

Colors

• #FCFBFAscreen-bg · page background
• #333333section-header-text · group uppercase header
• #111111row-text-primary · menu item label
• #B0B0B0row-text-disabled · disabled menu item label and icon
• #111111chevron-color · trailing accessory arrow

Type

• navbar-titleMontserrat · 34px · 700 · #111111
• section-headerMontserrat · 24px · 700 · #333333
• setting-item-labelMontserrat · 34px · 600 · #111111

Elements

• settings_group · list

  Vertical groups (GENERAL, KIDS MODE, OTHER) with section headers spaced 50px apart · Borderless list items with leading iconography and trailing chevrons or controls

• disabled_row · list_item

  Under KIDS MODE section ('Change passcode') · Muted grey icon, label, and chevron denoting inactive/disabled state

• floating_dock · navigation_bar

  Fixed to bottom, persistent across primary tabs · Floating pill bar with grey backdrop and active red tab

Layout

Standard settings hierarchy organized into grouped sections with all-caps category headers, leading outline icons, item labels, and navigation chevrons.

Notes

Bottom floating tab bar remains visible over the settings list.