ReciMe: Recipes & Meal Planner

Colors

• #F9F8F4Background · screen background
• #111111Primary Text · headings · option text
• #9E9E9EButton Disabled · inactive continue button background
• #FFFFFFCard Background · selection options background

Type

• titleSF Pro Rounded · 30px · bold · #111111
• option textSF Pro Text · 18px · regular · #111111
• buttonSF Pro Text · 18px · semibold · #FFFFFF

Elements

• Selection Options · list of option cards

  Vertical stack below question title · White rounded rectangles with subtle outlines

• Continue Button · primary button

  Bottom center, fixed near bottom edge · Solid grey rounded pill with white text

Layout

Top-to-bottom structure with navigation, question prompt, vertical list of selectable choices, and a bottom action button.

Notes

Continue button is greyed out as no option is selected.