iTranslate Translator

Colors

• #34C759airplane-mode-green · offline toggle switch active state fill
• #38B6FFprimary-sky-blue · primary continue button fill · active pagination indicator
• #1C2434slate-dark · headline typography
• #22C55Espanish-green-accent · offline translated text phrase inside mockup
• #BCE3FDpale-indicator-blue · inactive pagination indicator

Type

• headlineSF Pro Display · 62px · 700 · #1C2434
• buttonSF Pro Text · 38px · 600 · #FFFFFF
• mockup-phraseSF Pro Display · 60px · 700 · #22C55E

Elements

• angled_device_notch · illustration

  Zoomed cropped phone top corner showing Dynamic Island pill cutout and toggle switch. · Detailed hardware rendition showing metal edge, curved glass screen, and active green airplane mode toggle.

• offline_switch · toggle

  Positioned inside mockup below status time '9:41', width 110px, height 64px. · Pill shaped green switch with circular white thumb knob containing a green airplane silhouette.

• continue_button · button

  Bottom centered, width 890px, height 126px. · Solid sky-blue fill with white label.

• pagination_indicator · indicator

  Centered below button, row of 5 indicators. · Fifth (final) item is an elongated active blue pill.

Layout

Final walkthrough page emphasizing travel and offline translation capabilities with zoomed dynamic hardware visuals.

Notes

Dynamic island cutout is clearly visible in the mockup header.