ReciMe: Recipes & Meal Planner

Colors

• #F7F5F0Background · screen_background
• #111111Text Dark · title_text · option_text
• #3366CCLink Text · secondary_link_text
• #FFFFFFCard Background · option_card_background
• #E0DEC9Card Border · option_card_border

Type

• TitleSF Pro · 38px · bold · #111111
• Referral LinkSF Pro · 22px · normal · #3366CC
• Option TextSF Pro · 28px · normal · #111111

Elements

• Back Button · icon_button

  Top left · Minimalist chevron icon

• Progress Bar · progress_bar

  Top center · Linear segmented progress indicator

• Referral Code Link · link

  Centered below main title · Underlined text link

• Email Newsletter Option Card · card

  Vertical list item 1 · White card with subtle border and small email icon on left

• App Store Option Card · card

  Vertical list item 2 · White card with subtle border and Apple icon on left

• TikTok Option Card · card

  Vertical list item 3 · White card with subtle border and TikTok icon on left

• Friend Option Card · card

  Vertical list item 4 · White card with subtle border and friends icon on left

• Instagram Option Card · card

  Vertical list item 5 · White card with subtle border and Instagram icon on left

• Facebook Option Card · card

  Vertical list item 6 · White card with subtle border and Facebook icon on left

• Google Search Option Card · card

  Vertical list item 7 · White card with subtle border and Google icon on left

Layout

Vertical list of selection cards below a centered question heading and referral link.

Notes

Onboarding question about acquisition source with multiple selectable option cards.