Seesaw

Colors

• #ffffffWhite · Background · Number pad keys
• #1a73e8Google Blue · Active year border and cursor

Elements

• Focused Year Input · Text Input

  Right side of birthday row, actively selected · Thick blue border with blinking cursor inside

• Gender Dropdown · Dropdown

  Full width below birthday row · Thin grey border box with dropdown arrow on the right

• Numeric Keypad · Keyboard

  Bottom overlay occupying lower half of screen · Grid of numbers 0-9 with secondary letter labels and symbols

Layout

Birthday and gender form with numeric keypad active for entering the year.

Notes

Numeric keypad visible at the bottom.