Storytel - Audiobooks Library

Colors

• #FF4400brand-orange · headline text · brand accent
• #FFFFFFpure-white · primary button fill · body text · secondary button text
• #0D0D0Ddark-black · background overlay · primary button text
• #121212neutral-dark · screen lower background

Type

• display-titleMontserrat · 80px · 800 · #FF4400
• body-subheadMontserrat · 36px · 400 · #FFFFFF
• button-primary-labelMontserrat · 34px · 700 · #0D0D0D
• button-secondary-labelMontserrat · 34px · 700 · #FFFFFF

Elements

• book_cover_grid · grid

  Fills top 70% of screen with a multi-column tiled array of audiobook covers fading towards the bottom · Gradient overlay from semi-transparent to solid dark black at the lower half

• create_account_button · button

  Centered horizontally, full width with ~96px side margins, width approx 670px, height 120px · Solid white fill, rounded pill shape, bold black text

• log_in_button · button

  Centered horizontally below the create account button, height approx 80px · Transparent background, bold white text

Layout

A splash/onboarding landing screen featuring an aesthetic background grid of audiobook covers, heavily darkened by an upward black gradient, anchored at the bottom with high-contrast headline, explanatory text, and two stacked CTA buttons.

Notes

Font uses rounded, geometric sans characteristics similar to Storytel Sans, Gilroy, or Montserrat. Confidence is low due to custom branding typography.