AppClose

Colors

• #FFFFFFWhite · screen background · keyboard keys background
• #333333Dark Grey · title text · brand text
• #FF7043Orange Brand Fill · logo icon background
• #F5F5F7Light Grey Input · email input field background
• #9E9E9EPlaceholder Text Grey · input placeholder text · disclaimer text

Type

• titleSF Pro Display · 36px · bold · #333333
• brandSF Pro Text · 40px · bold · #333333
• labelSF Pro Text · 24px · medium · #333333
• input textSF Pro Text · 28px · normal · #9E9E9E
• bodySF Pro Text · 20px · normal · #9E9E9E

Elements

• App Logo · image / icon

  Centered vertically below the Welcome title. · Rounded square with orange gradient fill and white 'ApP' text.

• Email Input Field · text input

  Centered horizontally below sign-in toggle, featuring an inner blinking cursor. · Light grey pill-shaped container with subtle border.

• Virtual Keyboard · system keyboard

  Fixed at the bottom of the screen overlaying content. · Standard iOS style light gray keyboard layout with white keys.

Layout

Centered vertical layout starting with 'Welcome!', logo, brand name, tab toggle, email input field, legal disclaimer, and virtual keyboard at the bottom.

Notes

Keyboard is visible overlapping the bottom of the form.