BetterMe Well-Being Coach

Colors

• #121212Background Black · background
• #1E1B18Card Dark Grey · card background
• #ffffffWhite · title text · card labels
• #8C857EMuted Grey · radio button border

Type

• TitleSF Pro Display · 30px · bold · #ffffff
• Card LabelSF Pro Text · 18px · medium · #ffffff

Elements

• Build Selection Grid · grid

  2x2 grid of selection cards below the main title. · Dark grey rounded cards containing torso photos, labels, and empty circular radio buttons.

Layout

Centered header text followed by a 2x2 grid of image-based selection cards.

Notes

Grid layout presents four body build types with photographic previews.