ReciMe: Recipes & Meal Planner

Colors

• #F9F8F4Background · screen background
• #FFFFFFCounter Buttons · plus and minus button background

Type

• titleSF Pro Rounded · 28px · bold · #111111
• counter valueSF Pro Serif · 96px · regular · #111111

Elements

• Minus Button · circular button

  Centered horizontally to the left of the counter number · White circular button with minus symbol

• Plus Button · circular button

  Centered horizontally to the right of the counter number · White circular button with plus symbol

• Counter Display · text display

  Center of screen between plus and minus controls · Large serif digit representing number of people

Layout

Vertical stack with top navigation, title question, large central counter with increment/decrement buttons, and bottom continue button.

Notes

Counter allows setting household size.