Instories: AI Photo & Video

Colors

• #0F0B1Edeep_indigo_background · screen background · ambient blur base
• #4D38B2accent_violet_glow · background gradient flare
• #E6E6EBalert_background · modal dialog card fill
• #D1D1D8alert_button_fill · modal action buttons
• #FFFFFFprimary_text · screen heading text
• #B5B3C2secondary_text · screen subtitle text
• #000000modal_text · alert title · alert action label
• #F0F0F5button_fill_light · primary action button background

Type

• alert_titleSF Pro Text · 22px · 600 · #000000
• alert_bodySF Pro Text · 18px · 400 · #3C3C43
• screen_headingSF Pro Display · 34px · 700 · #FFFFFF
• screen_subheadingSF Pro Text · 19px · 400 · #B5B3C2
• cta_button_textSF Pro Text · 21px · 600 · #0F0B1E

Elements

• system_notification_dialog · modal_dialog

  Centered over the upper-middle screen area, width approximately 90% of screen width · Frosted light grey surface with rounded corners, subtle drop shadow, two rounded pill action buttons

• continue_button · button

  Pinned near bottom edge, spans nearly full width with horizontal padding of approximately 48px · High-contrast off-white solid pill with dark text

• background_cards_grid · card_group

  Asymmetric 2-column mosaic of video/template previews occupying the top half of the screen · Rounded rectangle preview tiles with overlaid purple highlights and circular playback icons

Layout

Onboarding splash view obstructed by an iOS native permission prompt; bottom content stack features centered headline, supporting description, and wide continue button.

Notes

Native iOS modal styles obscure parts of the underlying preview mosaic.