Owlet Dream

Colors

• #121418Dark Overlay Background · background
• #ffffffWhite Text · title · section header · body
• #1e222bCard Fill · container background
• #1e90ffAccent Blue · link text · icon button

Type

• titleSF Pro · 32px · bold · #ffffff
• section headerSF Pro · 28px · semibold · #ffffff
• bodySF Pro · 24px · normal · #ffffff

Elements

• Close Button · icon button

  Top left corner. · Circular dark button with white X icon.

• Add Button · icon button

  Top right corner. · Circular dark button with white plus icon.

• Suggested Section · container card

  Upper portion of card stack containing suggested credential. · Rounded rectangle card with dark fill.

• Other Passwords List · list container

  Lower portion of card stack containing multiple password rows. · Rounded container listing multiple credentials with icons.

• Search Bar · search input

  Pinned at bottom. · Floating rounded capsule with search icon and microphone.

Layout

iOS AutoFill password suggestion sheet layout featuring top action buttons, suggested credentials card, other accounts list, and bottom search bar.

Notes

Modal sheet overlay interface.