BetterMe Well-Being Coach

Colors

• #121110Background Black · background
• #1e1b19Card Unselected · card background
• #ebdcd0Card Selected · card background
• #ffffffText White · title · unselected text
• #1e1b19Text Dark · selected text

Type

• Screen TitleInter · 32px · medium · #ffffff
• Option LabelInter · 20px · regular · #1e1b19

Elements

• Flexibility Options · list of option cards

  Vertical stack on left · Rounded rectangle cards, top one selected in cream

• Model Image · illustrative photo

  Right side, full vertical span · Shirtless man stretching on the floor

Layout

Title at top, vertical list of options on left, background photo on right.

Notes

First option is selected.