Speedtest by Ookla

Colors

• #090d1cBackdrop Navy · scrim_background
• #191e32Sheet Dark Navy · modal_surface
• #ffffffText White · user_email · list_labels
• #00a5f0Link Cyan · sign_out_button
• #828ca3Muted Slate · list_icons · chevrons · close_button
• #272e45Row Divider · separator_line

Type

• user_email_headerSF Pro Text · 44px · 400 · #ffffff
• sign_out_linkSF Pro Text · 36px · 400 · #00a5f0
• list_item_labelSF Pro Text · 36px · 400 · #ffffff

Elements

• Close Icon · icon_button

  Top right corner of sheet · Thin white 'X' vector icon

• User Profile Section · container

  Top centered below dismiss button, containing email and Sign Out action · Clean text layout without containers, centered alignment

• Menu Options List · list

  Vertical list starting ~500px from top, extending downward · Four rows (Results, Settings, About Privacy & Terms, Support) separated by subtle 1px dividers

Layout

Logged-in state of the side/modal drawer with user identifier, sign-out command, and primary application navigation list.

Notes

Replaces the three third-party SSO buttons in Screen 4 with user identification and Sign Out link.