ReciMe: Recipes & Meal Planner

Colors

• #F7F5F0Background · screen_background
• #111111Text Dark · title_text · option_text
• #2B74D9Selected Border · card_selected_border
• #FFFFFFCard Background · card_background

Type

• TitleSF Pro · 38px · bold · #111111
• Option TextSF Pro · 28px · semibold · #111111

Elements

• Back Button · icon_button

  Top left · Chevron icon

• Progress Bar · progress_bar

  Top center · Progress indicator

• Import Recipes Card · card

  Upper card position · White rounded card with illustration

• Selected Meal Plan Card · card

  Lower card position · White rounded card with thick blue border indicating selection

Layout

Vertical stack of two cards with the second card highlighted by a blue border.

Notes

State showing selection of the meal plan option card.