ReciMe: Recipes & Meal Planner

Colors

• #F7F5F0Background · screen_background
• #111111Text Dark · title_text · option_text
• #666666Text Muted · subtitle_text
• #FFFFFFCard Background · option_card_background
• #E0DEC9Card Border · option_card_border

Type

• TitleSF Pro · 38px · bold · #111111
• SubtitleSF Pro · 24px · normal · #666666
• Option TextSF Pro · 28px · normal · #111111

Elements

• Back Button · icon_button

  Top left · Chevron icon

• Progress Bar · progress_bar

  Top center · Linear progress bar

• Age Option 1 · card

  List item 1 · White rounded card

• Age Option 2 · card

  List item 2 · White rounded card

• Age Option 3 · card

  List item 3 · White rounded card

• Age Option 4 · card

  List item 4 · White rounded card

• Age Option 5 · card

  List item 5 · White rounded card

Layout

Vertical list layout with title, subtitle, and five age range selection cards.

Notes

Age selection onboarding screen.