Shots: Photo & Video Generator

Colors

• #060608background-black · screen backdrop
• #50D2C2highlight-teal · discount percentage text
• #6C4DF6accent-purple · primary button fill · timer block fill
• #FFFFFFtext-primary · headlines · timer numerals · deal price
• #737380text-strikethrough · original price
• #3A3A42close-button-bg · dismiss button fill

Type

• promo-headlineSF Pro Display · 44px · 700 · #FFFFFF
• promo-percentageSF Pro Display · 60px · 800 · #50D2C2
• timer-digitSF Pro Display · 64px · 700 · #FFFFFF
• timer-unitSF Pro Text · 20px · 600 · #A0A0B0
• deal-priceSF Pro Display · 52px · 800 · #FFFFFF
• button-labelSF Pro Text · 34px · 600 · #FFFFFF

Elements

• close-button · icon-button

  Top right below status bar, roughly 70x70px circular area · Dark semi-transparent circle with centered cross icon

• countdown-timer · timer-widget

  Centered block below hero imagery, two cards separated by colon · Two dark purple squircle containers displaying minutes and seconds with sub-labels below each number

• pricing-comparison · price-tag

  Centered horizontal layout with strikethrough original price, right arrow, and highlighted final price · Inline typographic lockup with strong contrast between inactive and active pricing

• cta-deal-button · primary-button

  Pinned bottom, full-width pill button · Solid bright purple background with white centered text 'Grab The Deal'

Layout

Promotional modal layout consisting of top dismiss control, promotional header banner, central photo cutout against black, digital countdown timer, subscription price discount lockup, and bottom purchase CTA.

Notes

Countdown timer boxes use dark indigo/purple fill with subtle rounded borders.