BetterMe Well-Being Coach

Colors

• #12110fBackground Black · background
• #e8ded2Button Cream · button background
• #ffffffText White · title text
• #b0aa9eText Gray · body text

Type

• TitleNunito · 30px · bold · #ffffff
• BodyNunito · 16px · regular · #b0aa9e
• ButtonNunito · 18px · bold · #12110f

Elements

• Hero Image · image

  Central rounded container showing a person exercising. · Rounded rectangle photographic container.

• Continue Button · button

  Bottom fixed full-width button. · Solid cream rounded rectangle with dark text.

Layout

Vertical stack with top bar, title, descriptive body text, hero image, and bottom action button.

Notes

Informational screen with visual and call to action.