OS Maps: Walk, Hike, Run, Bike

Colors

• #FFFFFFWhite · background
• #111111Dark Charcoal · title text · sender text
• #A855F7Soft Purple · avatar icon background
• #007AFFSystem Blue · unread dot

Type

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

Elements

• InboxHeader · header

  Top section with 'Inbox' title and 'Updated Just Now' subtitle. · Left-aligned bold title with grey subtitle below.

• EmailList · list

  Vertical scrolling list occupying middle screen. · Rows with mixed purple and blue avatar icons, timestamps, and preview snippets.

Layout

Email inbox interface with purple and blue themed avatar icons for different contacts.

Notes

Similar to screen 5, featuring purple avatar variants.