Universal TV Remote Control＊

Colors

• #000000Background Dark · screen background
• #FFFFFFPrimary Text · headlines · body text · feature labels
• #F39C12Accent Orange · primary CTA button background · selected plan border · most popular badge background
• #555555Card Border · feature cards · pricing options borders
• #AAAAAASecondary Text Muted · footer links · pricing frequency

Type

• TitleSF Pro Display · 44px · bold · #FFFFFF
• Feature ItemSF Pro Text · 28px · medium · #FFFFFF
• Button TextSF Pro Text · 32px · bold · #FFFFFF
• Pricing Plan TitleSF Pro Text · 30px · semibold · #FFFFFF
• Pricing AmountSF Pro Display · 34px · bold · #FFFFFF
• Footer LinksSF Pro Text · 22px · regular · #FFFFFF

Elements

• Background Image with Blur · image

  Covers the upper half of the screen behind title and feature list. · Darkened photographic background showing people watching TV in a living room with a heavy dark overlay.

• Restore Purchase · button

  Top left corner, aligned below status bar. · Underlined white text link.

• Close Button · button

  Top right corner, aligned horizontally with Restore Purchase. · White X icon inside a subtle translucent circle.

• Feature List · list

  Vertical stack of 4 items with small icons and text, centered below the main title. · White icons with white text labels.

• Enable Free Trial Container · card

  Horizontal row spanning most of screen width, placed between feature list and pricing tiers. · Dark card with thin grey border containing toggle switch on the right.

• Weekly Access Plan · card

  Card positioned below free trial toggle. · Dark card with thin white/grey border, unselected radio button on left, price on right.

• Most Popular Badge · badge

  Overlapping the top right corner of the Weekly Access card. · Solid orange pill-shaped badge with bold black text.

• Monthly Access Plan · card

  Card positioned below Weekly Access card. · Dark card with prominent orange border, selected orange radio button on left, price on right.

• Continue Button · button

  Large primary button near the bottom of the screen, full width with side margins. · Solid orange fill with bold white text.

• Secured by Apple Footer · text

  Centered at the very bottom below Continue button. · White Apple logo followed by white text, with underlined links below.

Layout

Vertical stack paywall layout with background image overlay, header links, hero copy, feature highlights, trial toggle, selectable subscription cards, primary action button, and security footer.

Notes

The screenshot exhibits standard iOS paywall UI patterns. Measurements are pixel approximations based on source dimensions.