Owlet Dream

Colors

• #1c1c1eDark Overlay Background · card background
• #1c1c1eKeyboard Background · keyboard background
• #ffffffWhite Text · title · label · key text
• #0a84ffBlue Checkmark Button · action button
• #38383aSeparator Line · divider

Type

• titlesans-serif · 18px · bold · #ffffff
• labelsans-serif · 16px · normal · #ffffff
• keyboard keysans-serif · 22px · normal · #ffffff

Elements

• Close Button · icon button

  Top left of modal card · Circular dark button with white 'X'

• Save Button · icon button

  Top right of modal card · Circular blue button with white checkmark

• QuickFill Bar · toolbar

  Above keyboard, horizontal scrollable suggestions · Dark bar with pill suggestions

• Virtual Keyboard · keyboard

  Bottom of screen · Dark iOS software keyboard with grey keys

Layout

Modal password entry sheet with active software keyboard and AutoFill suggestion bar overlay.

Notes

Shows iOS software keyboard overlaying the bottom of the screen.