Rocket Money - Bills & Budgets

Colors

• #ffffffWhite · background · keyboard
• #000000Black · title · typed text · button fill
• #efeef4Input Background Gray · text input fill

Type

• titleSF Pro Display · 32px · bold · #000000
• input textSF Pro Text · 18px · regular · #000000

Elements

• Back Button · button

  Top-left corner · Black left arrow icon

• First Name Input · text input

  Below subtitle · Light gray rounded container with text 'T'

• Last Name Input · text input

  Below First Name input · Light gray rounded container with text 'u' and red cursor

• Continue Button · button

  Centered horizontally below inputs, pill shape · Solid black fill with white text

• Virtual Keyboard · keyboard

  Fixed to bottom of screen with 'done' action key highlighted blue · Standard iOS keyboard

Layout

Top-aligned form layout with populated input fields and an active black Continue button, accompanied by an iOS software keyboard.

Notes

Both name fields contain single-letter text inputs with a blinking cursor in the last name field.