← Onboarding

Translate AI - Live Translate

HEYOS · Reference · $633.8K/mo · 211K downloads · ★ 4.3

App Store ↗

Screens7

4Other

Colors

  • #000000pure_black · screen background
  • #FFFFFFpure_white · primary cta background · title text · star icons · stat counter
  • #8E8E93text_secondary · body text · top navigation link · inactive page dots
  • #1B3B6Flaurel_blue · laurel wreath graphics · world map graphic
  • #2C3E55pill_border · quote card stroke border
  • #141C28pill_bg · quote card background fill

Type

  • nav_linkSF Pro · 30px · 400 · #8E8E93
  • stat_headerSF Pro · 32px · 500 · #FFFFFF
  • stat_numberSF Pro · 64px · 700 · #FFFFFF
  • stat_labelSF Pro · 34px · 400 · #FFFFFF
  • quote_textSF Pro · 28px · 500 · #FFFFFF
  • titleSF Pro · 54px · 700 · #FFFFFF
  • bodySF Pro · 34px · 400 · #8E8E93
  • button_primarySF Pro · 38px · 600 · #000000

Elements

  • skip_button · button

    Top right header area, ~60px from right margin, ~120px from top · Understated plain text button with subtle underline

  • trust_badge · badge

    Centered horizontally in upper third of the screen · Five white stars flanked by dark blue laurel wreaths enclosing 'Trusted by 1,000,000+ Users'

  • avatar_row · avatar_group

    Centered horizontally beneath the trust stat, overlapping row of 5 circular photos · Circular portrait images with subtle 2px white borders overlapping each other

  • quote_tags · tag_group

    Staggered 2-row layout below avatars: top row with 2 pills, bottom row centered with 1 pill · Translucent dark blue-gray pills with fine subtle borders and white quote text

  • page_indicator · pagination_dots

    Centered horizontally below body copy, 4 dots total · Fourth dot is an elongated white capsule (~56px wide, 14px high); first three are dark gray circular dots

  • support_button · button

    Full width with 60px horizontal margins, ~90px from bottom, height ~116px · Solid bright white pill button with centered black text

Layout

Social proof screen with subtle world map silhouette backdrop: top skip action, central social proof elements (stars, stat, avatars, quote pills), headline 'Help Us Grow', body text, 4th active page dot, and 'Support Us' CTA.

Notes

The background map silhouette is shaded in low-contrast midnight blue.

Store