BetterMe Well-Being Coach

Colors

• #121110Background Black · background
• #1e1b19Card Fill · card background
• #8c827aButton Fill · cta button background
• #ffffffText White · title · card text
• #b0a8a0Text Muted · subtitle

Type

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

Elements

• Issue Cards · grid of selectable image cards

  Two columns, multiple rows with image on top and label/checkbox at bottom · Rounded dark rectangle cards with photo headers

• Checkboxes · checkbox input

  Bottom right of each card · Square outline

• Next Step Button · primary CTA button

  Fixed at bottom center · Wide rounded rectangle with muted grey-brown fill and dark text

Layout

Top title and subtitle, a grid of image selection cards in the middle, and a CTA button at the bottom.

Notes

No cards are selected in this view.