Rocket Money - Bills & Budgets

Colors

• #ffffffWhite · background
• #000000Black · headings · labels · checkboxes
• #efeef4Input Background Gray · email input fill

Type

• titleSF Pro Display · 32px · bold · #000000
• bodySF Pro Text · 17px · regular · #222222
• checkbox labelSF Pro Text · 15px · regular · #000000
• linkSF Pro Text · 15px · regular · #000000

Elements

• Email Address Input · text input

  Below subtitle, full width with padding · Light gray rounded container

• Passcode Checkbox · checkbox

  Below email input, left-aligned with text label · Square outline with text description

• Terms Checkbox · checkbox

  Below passcode option, left-aligned · Square outline with terms links

• Password Autofill Bar · keyboard accessory

  Above software keyboard · Light gray bar with key icon and 'Passwords' text

Layout

Form layout with an email text field, two checkbox options with explanatory text and underlined links, and an autofill password accessory bar above the keyboard.

Notes

Links for Terms of Service and Terms of Use are underlined.