Wispr Flow: AI Voice Keyboard

Colors

• #FFFFFFWebpage White · page background · input background
• #000000Primary Black · apple icon · nav bar header · title text · passkey button background
• #0071E3Apple Link Blue · data privacy link · input active outline · disabled button text
• #6E6E73Input Placeholder Gray · text field placeholder
• #A2D0F8Disabled Button Blue Tint · continue button background

Type

• subsite_headerSF Pro Display · 44px · 600 · #000000
• page_headingSF Pro Display · 46px · 400 · #000000
• input_textSF Pro Text · 36px · normal · #6E6E73
• privacy_noticeSF Pro Text · 28px · normal · #1D1D1F
• button_labelSF Pro Text · 36px · 600 · #FFFFFF

Elements

• Apple Account Subheader · header

  Below top Safari bar, row with Apple logo and hamburger menu, followed by 'Apple Account' with chevron. · Minimal white bar with hairline separator beneath.

• Apple Account Particle Wheel · graphic

  Centered graphic element, ~340x340px circle composed of colorful gradient dots surrounding black Apple logo. · Multicolor dot gradient ring (cyan, blue, magenta, orange, yellow) with center black silhouette Apple icon.

• Email or Phone Input · text_input

  Centered field, ~940px wide by 150px tall. · Rounded rectangle with light blue focus ring stroke and gray placeholder text inside.

• Privacy Icon and Explanation · callout

  Below input field, two blue person silhouettes on left and privacy disclaimer text with link. · Two stylized blue figures icon paired with dark gray legal copy.

• Continue Action Button · button

  Bottom action bar left half, ~400px wide by 100px tall. · Rounded pill with light muted sky blue fill and white text.

• Sign in with Passkey Button · button

  Bottom action bar right half, ~520px wide by 100px tall. · Dark charcoal pill with passkey person icon and white text.

Layout

Mobile web page for appleid.apple.com inside in-app browser sheet. Vertically centered sign-in credentials prompt with graphic badge, text field, privacy disclosure, and twin pill action buttons.

Notes

Standard Apple ID sign-in web experience displayed within Safari webview.