iTranslate Translator

Colors

• #38B6FFprimary-sky-blue · primary button fill · active pagination indicator
• #1C2434deep-slate-navy · headline typography · device bezel
• #F4F8FCsoft-background-tint · screen background gradient base
• #BCE3FDinactive-dot-blue · inactive pagination indicator
• #FFFFFFpure-white · button text · camera shutter button inner ring

Type

• headlineSF Pro Display · 64px · 700 · #1C2434
• buttonSF Pro Text · 38px · 600 · #FFFFFF
• camera-tooltipSF Pro Text · 24px · 600 · #FFFFFF

Elements

• device_mockup · illustration

  Centered horizontally in the upper two-thirds, elevated with soft drop shadow, displaying a camera viewfinder previewing a Bauhaus print. · Curved dark smartphone frame with prominent bezel, glossy surface reflection and realistic device shadow below.

• continue_button · button

  Centered horizontally near bottom edge, width 890px, height 126px, padding 32px vertical. · Solid sky-blue fill with smooth squircle corners and white bold label.

• pagination_indicator · indicator

  Centered horizontally below continue button, row of 5 indicators spaced 16px apart. · First item is an elongated active pill in primary sky blue, remaining four are circular dots in pale pastel blue.

• shutter_button · button

  Centered horizontally within camera controls bar inside mockup, diameter 140px. · Concentric dual-ring design with thick white outer border and solid white circular core.

Layout

Vertical onboarding flow consisting of top floating app store status indicators, upper realistic device illustration previewing OCR camera capability, bold centered title, large bottom CTA, and step pagination indicators.

Notes

Typography appears to follow Apple iOS system style (SF Pro); exact typography metrics are visual approximations based on screenshot dimensions.