OS Maps: Walk, Hike, Run, Bike

Colors

• #FFFFFFWhite · list background · card background
• #F2F2F2Light Grey · toolbar background
• #111111Dark Charcoal · email sender name · headers
• #84BAEESoft Blue · avatar icon background
• #007AFFSystem Blue · unread indicator dot

Type

• TitleSF Pro Display · 28px · bold · #111111
• SenderSF Pro Text · 17px · semibold · #111111
• BodySF Pro Text · 15px · regular · #555555

Elements

• NavigationBar · header

  Top of screen with back button, inbox title, unread count, select button, and menu dots. · Clean white and light grey styling with standard iOS controls.

• EmailRow · list item

  Vertical stack of email items, full width with separators. · White row with blue unread dot, blue avatar icon, sender, timestamp, subject, and preview text.

• Toolbar · bottom bar

  Fixed at the bottom with search, compose, and menu buttons. · Light grey frosted glass effect with icons.

Layout

Standard iOS Mail app inbox list view showing multiple unread emails from various senders.

Notes

Simulated or actual iOS email app interface showing incoming messages.