BetterMe Well-Being Coach

Colors

• #0a0a0aBackground Black · background
• #e8dfd8Card Selected Beige · selected_option_background
• #1b1918Card Dark · unselected_option_background
• #1b1918Text Dark · selected_option_text
• #ffffffText White · title · body · unselected_text
• #e05338Muscle Red · illustration_highlight

Type

• titlesans-serif · 28px · bold · #ffffff
• subtitlesans-serif · 16px · normal · #ffffff
• option_labelsans-serif · 16px · medium · #1b1918

Elements

• Belly Selected Option · card_checkbox

  Top item in list, selected state · Beige background with checked checkbox

• Model Highlighted Belly · image

  Right side · Fitness model with red overlaid abdominal muscle group graphic

• Next Step Button · button

  Bottom center · Beige pill button

Layout

Quiz interface with first option ('Belly') selected, dynamically updating the body illustration with red muscle highlighting.

Notes

Demonstrates interactive state change where selecting an option highlights corresponding anatomy.