ReciMe: Recipes & Meal Planner

Colors

• #F7F5F0Background · screen_background
• #111111Text Dark · title_text · option_text
• #2B74D9Accent Blue · option_title_highlight
• #FFFFFFCard Background · card_background
• #E0DEC9Card Border · card_border

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 · Linear progress indicator

• Import Recipes Card · card

  Upper card stack position · White rounded card with top illustration featuring pitcher and bowl, with text at bottom

• Meal Plan Card · card

  Lower card stack position · White rounded card with top illustration featuring calendar and pencil, with text at bottom

Layout

Vertical stack of two large feature cards beneath title and navigation elements.

Notes

Onboarding choice screen with large illustrated selection cards.