DartCounter

Colors

• #8B9698Background Gray · screen_background
• #1B3B6FDark Blue · header_background
• #E2ECE9Modal Background Light Mint · modal_background · input_background
• #111111Dark Text Charcoal · titles · body_text
• #FF5722Red Accent · primary_button · error_text · border_highlight

Type

• TitleImpact · 28px · bold · #111111
• Button TextArial · 18px · bold · #FFFFFF
• Form LabelArial · 14px · normal · #111111

Elements

• Subscription Requirements Modal · modal_dialog

  Centered overlay taking up approximately 60% of vertical screen space, rounded rectangular card. · Light mint background with subtle shadow, rounded corners.

• Continue Button · button

  Bottom of modal, full width with margins. · Solid orange-red fill, rounded corners, white text.

Layout

A stacked modal overlay centered over an account upgrade background screen containing various form fields, checkboxes, and buttons.

Notes

Modal dialog is currently active over background content.