Seesaw

Colors

• #ffffffWhite · Background · Keyboard background
• #1a73e8Google Blue Focus · Active input border · Active input label

Elements

• Focused First Name Input · Text Input

  Top input field in name form · Thick blue border, floating blue label, active cursor

• iOS Virtual Keyboard · Keyboard

  Bottom overlay occupying lower half of screen · Standard iOS light mode keyboard layout with keys

Layout

Keyboard active state, pushing form contents upward with a floating suggestion/accessory bar above the keyboard.

Notes

Native iOS keyboard overlay obscures lower part of content.