Speedtest by Ookla

Colors

• #05070eScrim Dimmer · scrim_overlay
• #c4c8ceSystem Sheet Grey · system_dialog_surface
• #dcdfe4Grouped Inset Background · field_group_background
• #007affSystem Blue · primary_cta_background · checkbox_active
• #000000Text Primary Black · dialog_title · field_label
• #3c3c43Text Secondary Dark Grey · field_value · description_text
• #ffffffButton Label White · primary_cta_text

Type

• system_sheet_titleSF Pro Display · 44px · 700 · #000000
• system_sheet_bodySF Pro Text · 32px · 400 · #000000
• field_labelSF Pro Text · 32px · 600 · #000000
• field_valueSF Pro Text · 28px · 400 · #3c3c43
• system_button_labelSF Pro Text · 34px · 600 · #ffffff

Elements

• System Authentication Card · bottom_sheet

  Bottom anchored iOS sheet overlaying dimmed parent screen, corner radius ~60px · Light grey system material background with dark close button top right

• Speedtest App Icon · avatar

  Left aligned in the account confirmation row, approx 120x120px · Squircle dark badge containing white Speedtest gauge symbol

• Name Row · list_item

  Horizontal inset box with icon, Name label, and 'Andrew Jones' value · Rounded rectangle fill with clear 'x' icon on right

• Email Sharing Options Group · segmented_control

  Vertical stacked inset rows: 'Share My Email' and 'Hide My Email' · Grouped rounded panel with radio/check icons on right side

• Continue with Passcode Button · button

  Full width inside dialog margins, height ~100px · Solid iOS System Blue pill shape with centered bold white text

Layout

Native iOS system bottom sheet for 'Sign in with Apple' modal overlaying the dimmed Speedtest menu.

Notes

Native iOS sheet UI styling and SF Pro fonts used per Apple's AuthenticationServices framework.