BetterMe Well-Being Coach

Colors

• #121212Background Black · screen background
• #FFFFFFText White · title text
• #EAE0D0Card Light Beige · selected card background

Type

• TitleSF Pro Display · 32px · bold · #FFFFFF

Elements

• Hero Image Container · image container

  center, below title · rounded rectangular container with sleeping model photo

• Option Card Selected · selectable card

  bottom grid, row 2 column 1, selected state · light beige fill with checkmark

Layout

Vertical questionnaire layout asking about sleep duration.

Notes

Similar structure to previous questionnaire screens.