← Onboarding

iTranslate Translator

Mosaic S.r.l. · Productivity · $1M/mo · 100.3K downloads · ★ 4.7

App Store ↗

Screens24

2Onboarding

Colors

  • #FFFFFFPure White · Screen background · Globe gridline strokes · Button text
  • #0D99FFBright Azure Blue · Primary app icon gradient base · Action button background · Legal text hyperlinks
  • #29B6F6Sky Blue Light · Top highlight of icon gradient
  • #000000Deep Black · Title text
  • #333333Charcoal Gray · Body legal agreement text
  • #FEF7D6Pale Yellow · Confetti background glow
  • #F4B400Vibrant Gold · Confetti accent fills

Type

  • Display TitleSF Pro Display · 74px · 800 · #000000
  • Legal Body TextSF Pro Text · 33px · 400 · #333333
  • Legal HyperlinksSF Pro Text · 33px · 400 · #0D99FF
  • Primary Button LabelSF Pro Text · 40px · 600 · #FFFFFF

Elements

  • App Hero Icon with Accents · illustration

    Centered in the upper half of the screen, approximately 380x380 px icon with surrounding floating yellow confetti shards. · Rounded squircle with blue gradient, white wireframe globe icon, subtle soft drop shadow, and warm yellow radial blur backdrop.

  • Accept and Continue Button · button

    Full width with 68 px lateral margins, bottom pinned, height approx 136 px. · Solid vibrant blue fill without border or shadow.

Layout

Onboarding landing screen: hero graphic centered in upper portion, heavy headline and legal text stacked in middle-lower third, anchored full-width CTA button at the base.

Notes

Typography strictly matches Apple system SF Pro hierarchy.

Store