Owlet Dream

Colors

• #0e0c28Background Dark Navy · screen background
• #1e1e1eKeyboard Background · virtual keyboard fill
• #3a3a3cKeyboard Key · key fill

Type

• Input TextSF Pro Text · 24px · normal · #ffffff
• Keyboard TextSF Pro Text · 28px · normal · #ffffff

Elements

• Virtual Keyboard · keyboard

  Occupies the bottom half of the screen overlaying content. · Dark theme standard software keyboard with gray keys.

• Auto-fill Suggestion Bar · suggestion bar

  Positioned directly above the virtual keyboard. · Dark translucent strip displaying email suggestion.

Layout

Registration form with an active text input field, showing the software keyboard and suggestion pop-up overlaying the lower portion of the screen.

Notes

Keyboard obscures the lower portion of the form elements.