OS Maps: Walk, Hike, Run, Bike

Colors

• #f2f2f7Background Light · background
• #ffffffWhite · card background · close button background
• #000000Text Primary · title · heading
• #8e8e93Text Secondary · body description
• #007affAccent Blue · link text

Type

• titleSF Pro Text · 18px · 600 · #000000
• headingSF Pro Display · 22px · 700 · #000000
• bodySF Pro Text · 16px · 400 · #8e8e93
• buttonSF Pro Text · 16px · 400 · #007aff

Elements

• Close Button · button

  Positioned near the top-left inside the modal sheet, circular shape with an 'X' icon. · White circular background with subtle shadow.

• Modal Sheet · sheet

  Covers the lower/middle part of the viewport with rounded top corners. · Light gray/white filled background.

Layout

Modal sheet popup style over an existing blurred background, featuring a centered title, empty state text block, and an action link.

Notes

Standard iOS style modal presentation for VIP list setup.