ReciMe: Recipes & Meal Planner

Colors

• #F9F8F4Background · screen background
• #8E8E93Input Dash · ZIP code input dashes
• #D1D5DBKeypad Background · virtual keyboard background

Type

• titleSF Pro Rounded · 30px · bold · #111111
• keypad numbersSF Pro Text · 24px · regular · #111111

Elements

• ZIP Input Dashes · input placeholder

  Center of screen below subtitle · Row of dashed horizontal lines

• Skip Button · secondary button

  Above keyboard area · Solid dark pill with white text

• Virtual Keypad · numeric keyboard

  Bottom anchored · Standard iOS numeric keypad layout with white keys

Layout

Top title and subtitle, input dashes, skip action button, and a native-style numeric keypad docked at the bottom.

Notes

Allows entering a ZIP code or skipping.