Heyyyy: Stories that text back

Colors

• #F8FAFCBackground Light · screen background
• #FFFFFFCard White · subscription card fill
• #0F172ADark Indigo · card title text · primary price
• #6366F1Purple Button Gradient · cta button gradient start
• #A855F7Magenta Violet Gradient · cta button gradient end
• #9333EADiscount Badge Purple · discount badge background
• #64748BMuted Slate · feature list text · strikethrough text · billing frequency
• #4338CAPopular Header Blue · most popular badge banner

Type

• card-titleSF Pro Display · 44px · 800 · #0F172A
• price-headlineSF Pro Display · 64px · 800 · #0F172A
• badge-labelSF Pro Text · 24px · 700 · #FFFFFF
• feature-bulletSF Pro Text · 30px · 500 · #0F172A
• cta-price-buttonSF Pro Display · 38px · 700 · #FFFFFF

Elements

• Subscription Card 1-Week Trial · card

  Prominent centered white card containing title, discount badge, per-day cost, 5 bullet points with icons, and gradient CTA button · White background, subtle drop shadow, thin light border, rounded corners

• Discount Pill Tag · badge

  Inline beside card title · Deep purple background pill with bold white discount percentage

• Purchase CTA Button · button

  Full width within card bottom, horizontal alignment of strikethrough price and current price · Vibrant violet-to-purple horizontal gradient, rounded pill shape

• Most Popular Monthly Plan Card · card

  Positioned directly below weekly card, top half visible above bottom nav bar · Blue top ribbon banner 'MOST POPULAR' sitting atop a white card container

Layout

Vertical product list displaying distinct subscription tiers with the active week trial card expanded showing full feature breakdown and pricing.

Notes

Card shadow has a soft vertical offset and blur typical of modern mobile paywall layouts. System font SF Pro inferred with medium confidence.