Screen Mirroring | Cast to TV

Colors

• #090A0FBackground Dark · Screen background fill
• #131419Card Surface · Settings list group container fill
• #1B182BPromo Surface · Banner card fill
• #FFFFFFPure White · Screen title · Banner title · Row labels · Row icons
• #7B7E8CChevron Grey · Row disclosure indicators
• #24252DClose Icon Fill · Dismiss button circle fill
• #4D8CFEButton Gradient Start · Try Now button gradient
• #9B68F6Button Gradient End · Try Now button gradient
• #F278C6Accent Pink · Try TV Remote App icon & text accent

Type

• Header LargeSF Pro Text · 34px · 700 · #FFFFFF
• Banner TitleSF Pro Display · 42px · 700 · #FFFFFF
• Banner ButtonSF Pro Text · 30px · 600 · #FFFFFF
• List Row LabelSF Pro Text · 34px · 600 · #FFFFFF
• List Highlight RowSF Pro Text · 34px · 600 · #F278C6

Elements

• Close Modal Button · Icon Button

  Top right corner, circular ~90x90px · Dark circular button with bold white 'X' icon

• Upsell Promo Banner · Card Container

  Top of scroll view below nav bar, full width minus margins, height ~400px · Dark indigo gradient background, headline text, pill 'Try Now' CTA button, and TV/phone graphics on right

• Settings List Group · List Container

  Vertical stack of items inside a grouped container, margins ~40px · Rounded container with list rows, each containing a white icon, row title, and trailing disclosure chevron

• Featured Promotion Row · List Item

  Bottom row in the list container · TV Remote icon in pink/violet, pink label text 'Try TV Remote App'

Layout

Modal sheet presentation with centered title 'Settings' and right dismiss button, premium subscription upsell banner, and standard iOS-style grouped settings list table.

Notes

List items feature divider lines separating standard navigation rows.