ReciMe: Recipes & Meal Planner

Colors

• #D1D5DBKeyboard Background · Virtual keyboard backdrop
• #FFFFFFKeycap Fill · Letter key background

Type

• Keycap LabelSF Pro Text · 24px · Regular · #000000

Elements

• Virtual Keyboard · Keyboard

  Bottom anchored taking up lower half of viewport · Standard iOS software keyboard with white keys and grey background

• Continue Button · Button

  Positioned directly above software keyboard · Black pill button with white text

Layout

Active text entry screen with software keyboard raised and CTA button adjusted above it.

Notes

Keyboard overlaps lower screen area.