Instories: AI Photo & Video

Colors

• #13111Ccanvas_background · screen background
• #6C5CE7selected_row_border · selected card stroke · selected checkbox fill · continue button fill
• #1E1A33selected_row_surface · selected item background
• #1C1B24unselected_row_surface · unselected item background
• #4D4B57checkbox_unselected_border · unselected checkbox ring outline
• #FFFFFFtext_primary · title text · list row labels · continue button text
• #8A8796text_secondary · subtitle description

Type

• section_titleSF Pro Display · 34px · 700 · #FFFFFF
• section_subtitleSF Pro Text · 19px · 400 · #8A8796
• platform_labelSF Pro Text · 22px · 500 · #FFFFFF
• button_labelSF Pro Text · 22px · 600 · #FFFFFF

Elements

• selected_platform_card · list_item

  First element in scrollable list stack, rounded rectangle full width · Dark purple fill with 2px bright violet border, Facebook logo icon at left, purple circular checkmark badge at right

• unselected_platform_cards · list_item

  Vertical stack elements for WhatsApp, LinkedIn, X, YouTube, Telegram with ~14px spacing · Dark charcoal fill, brand icon on left, unselected circular outline on right

• continue_button · button

  Floating sticky button docked at the bottom with blurred list passing underneath · Solid purple pill button with white centered text

Layout

Multi-select list questionnaire screen with top progress header, vertically stacked social channel cards, and fixed bottom continue CTA overlaid on scrolling content.

Notes

List scrolls underneath the sticky bottom action button (partially obscuring TikTok).