Speedtest by Ookla

Colors

• #090d1cBackground Navy · screen_background
• #ffffffPrimary Text White · heading_text
• #c8cfdfMuted Text Blue-Grey · subheading_text
• #00a5f0Brand Cyan · lock_dial · button_border · button_label
• #5e77d8Lock Shackle Lavender · illustration_accent
• #5b6680Logo Slate · header_branding
• #ffffffPagination Active · active_indicator
• #565d70Pagination Inactive · inactive_indicator

Type

• screen_header_brandSF Pro Display · 30px · 600 · #5b6680
• primary_headingSF Pro Display · 64px · 400 · #ffffff
• subheadingSF Pro Text · 38px · 400 · #c8cfdf
• cta_button_textSF Pro Text · 38px · 600 · #00a5f0

Elements

• Speedtest Logo Header · header_brand

  Top centered, below system status bar, ~180px from top · Monochrome slate speedometer emblem preceding uppercase wordmark

• Lock Security Graphic · illustration

  Centered horizontally, positioned in middle vertical third (~400x560px) · Stylized padlock with purple shackle and circular glowing cyan combination dial containing speedometer motif

• Next Button · button

  Centered horizontally near bottom, dimensions approx 320x96px · Pill shape with transparent fill, 3px solid cyan border, and centered cyan text

• Carousel Dots · page_indicator

  Centered horizontally ~40px below the Next button · Horizontal row of two circular dots; first dot solid white, second dot muted slate grey

Layout

Centered single-column onboarding screen with header branding, welcoming typography, central lock graphic, and bottom action cluster with pagination.

Notes

System typography appears to be SF Pro based on iOS platform conventions, though font metrics are visual approximations.