BetterMe Well-Being Coach

Colors

• #12110fBackground Black · background
• #24201cCard Dark Brown · card background
• #ffffffText White · title text · body text
• #b0aa9eIcon Gray · iconography

Type

• TitleNunito · 28px · bold · #ffffff
• Option LabelNunito · 18px · semibold · #ffffff

Elements

• Top Navigation Bar · header

  Top fixed area with back arrow, step indicator dots, and hamburger menu. · Dark background with white iconography.

• Option Card 1 · card

  Centered vertical stack, 4 cards total. · Rounded rectangle card with dark fill, containing an icon and text.

Layout

Vertical stack with top bar, large question header, and four selectable option cards.

Notes

Step questionnaire screen asking about work schedule.