Universal Remote TV Control ·

Colors

• #0D0D11Background Deep Black · screen background
• #1B1B22Card Surface Dark Gray · grouped list card background
• #2E2E38Card Divider Gray · row divider line
• #FFFFFFPrimary Text White · header title · card title · active tab icon · active tab label · row label
• #8A8A93Secondary Text Gray · inactive tab icon · inactive tab label · chevron disclosure indicator
• #4D1CE6Banner Gradient Start · unlock premium card gradient start
• #B122F5Banner Gradient End · unlock premium card gradient end
• #34C759Toggle Active Green · active switch toggle track
• #3A3A3CToggle Inactive Gray · inactive switch toggle track

Type

• Screen Header TitleSF Pro Text · 38px · 600 · #FFFFFF
• Banner TitleSF Pro Display · 44px · 700 · #FFFFFF
• Banner SubtitleSF Pro Text · 28px · 400 · #E5D9FA
• List Row LabelSF Pro Text · 36px · 400 · #FFFFFF
• Tab Bar LabelSF Pro Text · 22px · 500 · #FFFFFF

Elements

• Navigation Bar · header

  Positioned below status bar, centered title 'Settings', full screen width, height approximately 100px · Transparent background, white centered bold typography

• Unlock Premium Banner · card

  Top margin 20px, horizontal margins 44px, height approx 360px. Contains gold medal illustration on left (width approx 300px) and text block on right · Horizontal purple-to-violet linear gradient fill, soft glow, no visible border

• General Preferences Section · card

  Stacked vertically below banner, horizontal margins 44px, contains 3 rows (Vibrate, Click Sound, Language), height approx 450px · Dark charcoal rounded card background (#1B1B22) with thin 1px horizontal interior divider lines (#2E2E38)

• Switch Toggle (Vibrate) · switch

  Right-aligned within the Vibrate row, size approx 140px by 84px · Active bright green pill track (#34C759) with white circular thumb on the right

• Switch Toggle (Click Sound) · switch

  Right-aligned within Click Sound row, size approx 140px by 84px · Inactive dark gray pill track (#3A3A3C) with white circular thumb on the left

• More Apps Cross-Promotion Section · card

  Stacked vertically below general preferences, horizontal margins 44px, contains 5 app rows with leading app icons and trailing chevrons · Dark charcoal background matching the preferences section, 1px horizontal dividers between rows

• Bottom Tab Bar · navigation_bar

  Docked at the bottom of the viewport, full width, height approx 180px, evenly distributed across 4 items · Dark semi-opaque background with top hair-line border, icons stacked above text labels; Settings tab is active (white)

Layout

Vertical single-column layout adhering to iOS grouped settings pattern on a deep dark background. Comprises a fixed-like top title, scrolling grouped card list containing a hero premium upsell card and two grouped setting surfaces, ending with a fixed bottom 4-tab bar.

Notes

Font faces strongly resemble Apple's San Francisco (SF Pro) family standard in iOS interfaces; Helvetica Neue or Roboto are plausible alternatives if cross-platform. Icons appear to follow SF Symbols or Material Line Icon style.