Shots: Photo & Video Generator

Colors

• #0D0D11background-black · screen background
• #5844D8accent-purple · primary button fill · image placeholder border
• #1B172Eplaceholder-surface · upload card fill
• #FFFFFFtext-primary · button label · placeholder icon foreground
• #4A4A5Aprogress-inactive · unfilled segment track

Type

• button-labelSF Pro Text · 34px · 600 · #FFFFFF

Elements

• story-progress-bar · segmented-progress-indicator

  Fixed near top below status bar, 3 horizontal bars spanning full width with 12px gaps · First bar filled with solid white, remaining two bars muted dark gray

• upload-card-target · dropzone-button

  Centered vertically and horizontally, roughly 450x450px rounded square · Dark purple-tinted surface, 4px border with bright violet stroke, centered photo icon and small plus badge in lower right of icon

• continue-button · primary-button

  Pinned near bottom, horizontal margins ~40px, full-width pill button, height ~100px · Solid medium purple fill, crisp white center-aligned label

Layout

Single-column onboarding slide with top step progress bars, central interactive upload prompt container, and a fixed bottom call-to-action button.

Notes

Native iOS system font SF Pro Text assumed based on system status bar and UI standard. High level of certainty on basic component placement.