Rocket Money - Bills & Budgets

Colors

• #ffffffWhite · background
• #000000Black · title · button fill
• #c49a35Validation Error Gold · input border · error message text

Type

• titleSF Pro Display · 32px · bold · #000000
• error messageSF Pro Text · 13px · regular · #c49a35

Elements

• First Name Input with Error · text input

  Below subtitle · Light background with gold/brown border and gold error text underneath

• Last Name Input with Error · text input

  Below First Name input · Light background with gold/brown border and gold error text underneath

• Continue Button · button

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

Layout

Top-aligned form state showing validation error styling with gold-colored borders and inline error helper texts under both input fields.

Notes

Error state displays gold outlines and warning text.