The Criterion Channel

Colors

• #0E0E0EBackground Black · background
• #191919Card Dark Gray · group container background
• #FFFFFFWhite · primary text
• #FFFFFFToggle Active · active switch thumb
• #333333Toggle Inactive · inactive switch background

Type

• HeaderSF Pro · 20px · semibold · #FFFFFF
• Row LabelSF Pro · 16px · regular · #FFFFFF

Elements

• Back Button · button

  Top left with chevron and 'Settings' label · White text and icon

• Settings Groups · grouped table view

  Vertical stack of rounded containers housing preference rows · Dark rounded rectangles with internal dividers

• Toggle Switches · switch

  Right-aligned within table rows · iOS style toggle switches, mostly off except 'Only download over Wi-Fi'

Layout

Grouped list style preferences screen with top navigation header and bottom tab bar.

Notes

App settings sub-menu.