BetterMe Well-Being Coach

Colors

• #121110Background Black · background
• #ebdcd0Card Selected · selected card background
• #1e1b19Card Unselected · card background
• #ebdcd0Button Fill · cta button background
• #121110Text Dark · selected card text · cta button text

Type

• Screen TitleInter · 30px · medium · #ffffff
• SubtitleInter · 18px · regular · #b0a8a0
• Card LabelInter · 18px · medium · #121110
• Button TextInter · 18px · bold · #121110

Elements

• Selected Issue Card · selectable image card

  Top left position in the grid · Cream-filled rounded card with image and checked box

• Next Step Button · primary CTA button

  Bottom center · Wide rounded rectangle with cream fill and dark text

Layout

Similar grid layout to screen 5, but with the first card selected and a cream-colored CTA button at the bottom.

Notes

First card is selected with a checkmark and cream fill.