My Drama - Stream Short Dramas

Colors

• #400a12Dark Red Ambient · background gradient
• #ff3b75Bright Pink · cta button · save badge
• #1a161cCard Fill · subscription plan card
• #ffffffWhite Text · headings · prices
• #b0a8b2Muted Text · descriptions · footers

Type

• HeaderSF Pro · 44px · bold · #ffffff
• Checklist ItemSF Pro · 28px · regular · #ffffff
• Plan TitleSF Pro · 30px · bold · #ffffff
• ButtonSF Pro · 36px · bold · #ffffff

Elements

• Promo Image · image

  Top half of screen, edge to edge horizontally. · Romantic couple scene with red lighting.

• Subscription Plan Cards · container

  Vertical stack of three cards in the middle of the screen. · Dark rounded rectangles with thin borders, selected card has a pink border.

• Continue Button · button

  Bottom-centered above footer links, spanning most of the width. · Gradient bright pink fill, highly rounded pill shape.

• Save Badge · badge

  Floating top-right of the yearly access card. · Gradient reddish-orange background with white text and flame icon.

Layout

Vertical single-column layout with a top hero image, title, feature checklist, three plan selector cards, CTA button, and footer links.

Notes

Colors and font family names are estimated based on standard iOS design conventions.