Shots: Photo & Video Generator

Colors

• #5844D8accent-purple · primary button fill
• #FFFFFFtext-primary · button label
• #000000scrim-dark · subtle bottom gradient scrim

Type

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

Elements

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

  Horizontal trio along top edge · Three horizontal white/translucent tracking pill bars

• continue-button · primary-button

  Pinned near bottom above home indicator, ~40px side margins · Rounded pill shape with rich solid purple fill

Layout

Full-screen photographic result showcase with top onboarding progress indicator and bottom action button.

Notes

Minimalistic overlay layout highlighting generated output.