BetterMe Well-Being Coach

Colors

• #121212Background Black · screen background
• #FFFFFFText White · primary titles · body text
• #1E1E1ECard Dark Grey · unselected option card background
• #EAE0D0Card Light Beige · selected option card background
• #121212Text Dark · selected card text

Type

• TitleSF Pro Display · 32px · bold · #FFFFFF
• Button LabelSF Pro Text · 16px · semibold · #121212

Elements

• Option Card Selected · selectable card

  bottom grid, row 2 column 1, selected state · light beige background with dark text and checkmark badge

Layout

Vertical stack, identical to screen 0 except one option is selected.

Notes

Demonstrates selected state for the third questionnaire card.