Wispr Flow: AI Voice Keyboard

Colors

• #FFFFFFCanvas White · primary background
• #232326Brand Dark Charcoal · brand mark · primary title · apple button background · body links
• #DC934DWarm Gold Accent · accent text highlight
• #232326Secondary Button Border · google button border stroke
• #3D3D42Legal Gray · legal disclaimer text

Type

• brand_titleSF Pro Display · 80px · 700 · #232326
• hero_headlineNew York · 76px · normal · #232326
• hero_highlightNew York · 76px · normal · #DC934D
• button_labelSF Pro Display · 44px · 600 · #232326
• secondary_linkSF Pro Display · 44px · 600 · #232326
• legal_bodySF Pro Text · 30px · normal · #3D3D42

Elements

• Status Bar Header · status_bar

  Top edge, height ~110px containing 5:10, breadcrumb '< App Store', WiFi, and Battery. · Black standard iOS status indicators.

• App Logo Lockup · brand_logo

  Upper center section, audio bars icon followed by 'Flow' text, ~360px wide. · Solid charcoal voice spectrum logo paired with bold sans-serif text.

• Google Sign-In Button · button

  Lower mid section, ~960px wide by 140px tall, centered. · White fill with 3px solid charcoal border, Google 'G' multicolored icon on left, centered text.

• Apple Sign-In Button · button

  Directly below Google button with ~36px spacing, ~960px wide by 140px tall. · Dark charcoal solid fill, centered white Apple logo and bold white text.

• More Options Link · text_button

  Centered below primary auth buttons, ~48px top margin. · Borderless text action in dark charcoal bold typography.

• Legal Footer · disclaimer

  Bottom aligned with ~100px padding from bottom screen edge, centered, max width ~880px. · Multi-line centered gray text with underlined 'Terms of Service' and 'Privacy Policy'.

Layout

Single-screen authentication view structured into top logo branding, center-weighted display headline, lower authentication action stack (two prominent rounded rect buttons and a text button), followed by legal disclaimer at bottom.

Notes

Serif font in headline exhibits distinctive calligraphic touches, closely resembling Apple's New York.