Substack

Colors

• #FFFFFFBackground White · inbox list background
• #000000Primary Text Black · sender names · subject titles
• #8E8E93Secondary Text Gray · email previews · timestamps · disclosure chevrons
• #007AFFAccent Blue · unread indicator dot · navigation text button
• #8FA7B8Avatar Slate · initials avatar circle and building icon fill
• #7E57C2Avatar Purple · storefront avatar icon fill
• #F2F2F7Floating Bar Fill · bottom search pill background

Type

• Sender NameSF Pro Text · 34px · 700 · #000000
• Subject LineSF Pro Text · 30px · 400 · #000000
• Preview SnippetSF Pro Text · 28px · 400 · #8E8E93
• TimestampSF Pro Text · 28px · 400 · #8E8E93

Elements

• Navigation Header Bar · navigation_bar

  Top edge below system bar, horizontal layout with back chevron, title, and action controls · Transparent backing with standard iOS icon buttons

• Email Message Row · list_item

  Full width with left avatar and right chevron, height ~180px per row · Plain white row background with unread solid blue dot on left, soft divider below

• Floating Search / Toolbar Pill · toolbar

  Docked floating horizontally centered above bottom edge, height ~100px, width ~960px · Light gray frosted pill container with search icon, dictation mic, and compose icon

Layout

Standard iOS Mail list layout displaying multiple message previews with sender, subject, two-line snippet, timestamp, and unread badges, paired with floating search pill at bottom.

Notes

Native iOS system Mail client UI.