Owlet Dream

Colors

• #0e0c28Background Dark Navy · screen background
• #1b183bInput Background · text field container fill
• #8482a0Text Muted · placeholder text
• #50636dButton Slate Blue · disabled or inactive primary button fill

Type

• TitleGeorgia · 34px · bold · #ffffff
• Input PlaceholderSF Pro Text · 24px · normal · #8482a0
• Terms and ConditionsSF Pro Text · 20px · normal · #ffffff
• ButtonSF Pro Text · 26px · semibold · #ffffff

Elements

• Email Input Field · text input

  Stacked vertically below the title. · Rounded rectangle with dark fill and placeholder text.

• Password Input Field · text input

  Stacked below the email field. · Rounded rectangle with dark fill and placeholder text.

• Re-enter Password Input Field · text input

  Stacked below the password field. · Rounded rectangle with dark fill and placeholder text.

• Terms Checkbox · checkbox

  Aligned to the left above the create account button, beside terms text. · Square border with blank interior.

• Create Account Button · button

  Bottom of the screen, full width with horizontal padding. · Rounded rectangular button with slate blue fill and white text with arrow.

Layout

Registration form layout with title, three input fields, terms agreement checkbox with text, and a primary action button at the bottom.

Notes

Standard registration form UI.