BetterMe Well-Being Coach

Colors

• #121212Background Black · screen background
• #FFFFFFText White · title text · body text
• #EAE0D0CTA Button Beige · continue button background
• #121212CTA Text Dark · continue button text

Type

• TitleSF Pro Display · 32px · bold · #FFFFFF
• BodySF Pro Text · 16px · normal · #A0A0A0
• Button LabelSF Pro Text · 18px · bold · #121212

Elements

• Preview Mockup · phone mockup container

  center, below description text · dark rounded rectangle displaying meal plan UI mockup

• Continue Button · button

  bottom, fixed width · large beige pill-shaped button with dark bold text

Layout

Vertical promotional layout with headline, body copy, app preview image, and a prominent bottom action button.

Notes

Plan summary or promotional conversion screen.