Instories: AI Photo & Video

Colors

• #131317Background · screen background
• #7B6CE6Active Accent · active Continue button fill · top progress bar fill
• #FFFFFFPrimary Text · screen title · section title · Continue button text · card labels
• #9C9CA5Secondary Text · subtitle
• #FFFFFFBadge Fill · selected feature checkmark badge
• #131317Badge Glyph · check icon inside active badge

Type

• TitleSF Pro Display · 52px · 700 · #FFFFFF
• SubtitleSF Pro Text · 34px · 400 · #9C9CA5
• Section HeaderSF Pro Display · 44px · 700 · #FFFFFF
• Feature LabelSF Pro Text · 30px · 500 · #FFFFFF
• CTA Button LabelSF Pro Text · 36px · 600 · #FFFFFF

Elements

• Checkmark Selection Badge · badge

  Centered overlay over 'Quick Retouch' feature card thumbnail, approx 110px diameter · Circular solid white disc with dark black/grey checkmark icon

• Continue CTA Button · cta_button

  Full width pinned near bottom edge, height approx 140px · Vibrant violet solid container with white centered text

• Feature Card Grid · grid

  3-column grid displaying photo feature previews and two-line text labels below · Rounded square image containers

Layout

Feature selection step with active user choice ('Quick Retouch') highlighted via white checkmark badge; the primary CTA button is enabled with vibrant purple styling.

Notes

Some cards (like 'Instant Reels Maker') show updated artwork compared to screen 4, indicating animated or carousel content previews.