DartCounter

Colors

• #E2ECE9Background Light Mint · screen_background
• #D1D3D8Keyboard Gray · keyboard_background
• #FFFFFFKey White · key_background

Type

• Key LabelSF Pro · 20px · normal · #111111

Elements

• Virtual Keyboard · keyboard

  Fixed to bottom of screen. · Standard iOS style virtual keyboard with white keys and gray background.

• Search Bar Active · search_input

  Positioned near top of screen with orange outline indicating focus. · White background, orange border, magnifying glass icon.

Layout

Country selection view with active software keyboard open, pushing the content upwards.

Notes

Keyboard is fully visible and search bar has focus.