ReciMe: Recipes & Meal Planner

Colors

• #F7F5F0Background · screen_background
• #111111Text Dark · title_text · option_text
• #555555Text Muted · subtitle_text
• #FFFFFFCard Background · grid_card_background
• #E0DEC9Card Border · grid_card_border
• #9E9E9EDisabled Button · button_background
• #FFFFFFButton Text · button_text

Type

• TitleSF Pro · 38px · bold · #111111
• SubtitleSF Pro · 24px · normal · #555555
• Option TextSF Pro · 24px · medium · #111111
• Button TextSF Pro · 26px · semibold · #FFFFFF

Elements

• Back Button · icon_button

  Top left · Chevron icon

• Progress Bar · progress_bar

  Top center · Linear progress bar

• Options Grid · grid

  Two-column grid in center of screen with 8 items total · White rounded cards with icons and text labels

• Continue Button · button

  Bottom center · Solid gray pill button

Layout

Two-column grid layout for multi-select options below title and subtitle, with a disabled primary button at the bottom.

Notes

Preference selection screen allowing up to 3 choices.