iTranslate Translator

Colors

• #38B6FFprimary-sky-blue · primary button fill · send button circle · active pagination indicator
• #1C2434slate-dark · headline typography · mockup title
• #E2E8F0field-border-gray · mockup input dividers
• #BCE3FDpale-indicator-blue · inactive pagination indicator

Type

• headlineSF Pro Display · 62px · 700 · #1C2434
• buttonSF Pro Text · 38px · 600 · #FFFFFF
• mockup-titleSF Pro Display · 40px · 700 · #1C2434

Elements

• device_mockup · illustration

  Centered upper screen displaying an iOS Mail composition sheet. · Upright smartphone frame showing New Message modal with recipient, subject fields, and blue arrow send button.

• continue_button · button

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

• pagination_indicator · indicator

  Centered below continue button. · Fourth item is the active elongated blue pill.

Layout

Onboarding screen 4 highlighting the system keyboard integration feature inside native iOS mail composer.

Notes

Soft blurred shadow underneath device gives it floating elevation.