OS Maps: Walk, Hike, Run, Bike

Colors

• #F2F2F2Light Grey Background · screen background
• #FFFFFFWhite · grouped table view card background
• #111111Dark Charcoal · title text · section header
• #EAB308Yellow · VIP icon color
• #007AFFSystem Blue · icon color · chevron

Type

• TitleSF Pro Display · 28px · bold · #111111
• Section HeaderSF Pro Text · 15px · semibold · #111111
• Row LabelSF Pro Text · 17px · regular · #111111

Elements

• MailboxesTitle · header

  Top left with 'Mailboxes' heading and 'Updated Just Now' status. · Large bold text with small subtitle.

• VIPCard · grouped list card

  Single row card below title. · White rounded rectangle with yellow star icon and row label.

• iCloudSection · grouped list container

  Middle section with iCloud header and nested Sent and Junk rows. · White rounded card containing multiple rows separated by thin lines.

Layout

Mailboxes management screen in iOS mail app with grouped table view style.

Notes

Mailboxes overview screen showing VIP and iCloud folders.