BetterMe Well-Being Coach

Colors

• #000000Overlay Background · overlay
• #ffffffSheet Background · background
• #1a1a1aButton Background Dark · button_fill
• #000000Primary Text · text
• #ffffffButton Text White · text

Type

• Modal Titlesans-serif · 22px · bold · #000000
• Body Textsans-serif · 14px · normal · #333333
• Link Textsans-serif · 14px · bold · #000000
• Button Textsans-serif · 16px · bold · #ffffff

Elements

• Privacy Consent Sheet · bottom sheet

  Positioned at the bottom of the screen, full width · White rounded card background

• Reject Button · button

  Left side at the bottom of the sheet · Dark charcoal pill shape with white text

• Accept Button · button

  Right side at the bottom of the sheet · Dark charcoal pill shape with white text

Layout

Bottom sheet cookie/privacy consent modal overlaying a gray background with a loading spinner.

Notes

Spinner visible in upper background.