SNOW - AI Profile

Colors

• #FFFFFFModal Card Background · consent dialog card surface
• #00C2E8Primary Accent Cyan · flash emblem fill · item category icons · primary button fill · manage options link
• #111111Headings & Strong Text · dialog header · dialog body key text
• #3A3D40Body Text Medium · permission list item descriptions · disclosure body copy
• #E6E8EASecondary Button Neutral · secondary 'Do not consent' button background
• #202326Secondary Button Text · secondary button label
• #6C7278Close Icon Fill · modal close button icon

Type

• modal_headerSF Pro Display · 44px · 700 · #111111
• item_labelSF Pro Text · 30px · 600 · #3A3D40
• legal_bodySF Pro Text · 28px · 400 · #606468
• primary_cta_labelSF Pro Text · 34px · 600 · #FFFFFF
• secondary_cta_labelSF Pro Text · 34px · 600 · #202326
• text_linkSF Pro Text · 34px · 600 · #00C2E8

Elements

• Consent Modal Card · modal_sheet

  Centered overlay dialog occupying ~90% screen width (~970px wide), rounded corners on all sides. · Opaque white background with subtle shadow casting on dimmed background.

• Close Modal Button · icon_button

  Top-right inside the modal container, ~24px from top and right margins. · Dark circular disc containing a white cross 'X'.

• Brand Flash Icon · icon

  Centered horizontally near top of modal card, ~120px tall. · Bright cyan/turquoise lightning bolt icon.

• Permission Scope List · vertical_list

  Vertical stack of 3 list rows with cyan outlined icons on the left and descriptive text on the right. · Clean whitespace separation, subtle chevron for disclosure on the 'Learn more' item.

• Consent Primary Button · button

  Full width within card padding, height ~110px. · Vibrant cyan solid fill pill button with centered white text.

• Do Not Consent Secondary Button · button

  Full width within card padding, height ~110px, placed below primary button. · Light grey/off-white solid fill pill button with dark grey text.

• Manage Options Link · link_button

  Centered horizontally below secondary button, bottom margin ~30px. · Borderless cyan text link.

Layout

Privacy consent modal card displayed above the dimmed app home screen, containing brand header, purpose summary, row items with icons, full-width stacked action buttons, and text link.

Notes

Common GDPR/App Tracking Transparency consent interface implemented by CMP frameworks within mobile apps.