Shots: Photo & Video Generator

Colors

• #000000background-overlay · bottom gradient vignette
• #5844D8accent-purple · primary button fill
• #FFFFFFtext-primary · button label · card text titles
• #FFFFFFcard-border-selected · active card border stroke

Type

• card-titleSF Pro Text · 28px · 700 · #FFFFFF
• button-labelSF Pro Text · 34px · 600 · #FFFFFF

Elements

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

  Pinned top, 3 segments across screen with small gaps · First bar complete white, middle segment actively displaying progress

• preset-carousel · card-carousel

  Horizontal row positioned in the lower-middle screen, center card prominent/lifted · Rounded rectangle photo cards with bottom text labels and thin 2px white borders on active selection

• continue-button · primary-button

  Pinned bottom, full-width pill button with standard screen margins · Solid vibrant violet/purple fill with centered white text

Layout

Full-bleed photographic preview background overlaid with step progress indicators at the top, a horizontal preset selector in the lower-middle area, and a persistent action button at the bottom.

Notes

Font appears to be SF Pro; Inter or Roboto are close alternatives.