ReciMe: Recipes & Meal Planner

Colors

• #F7F5F0Background Off-White · Screen background
• #DBEAFESelected Card Fill · Selected option background
• #3B82F6Selected Card Border · Selected option outline
• #FFFFFFUnselected Card Fill · Option card background
• #E5E7EBUnselected Card Border · Option card border

Type

• TitleSF Pro Display · 34px · Bold · #1C1C1A
• Option LabelSF Pro Text · 22px · Regular · #1C1C1A

Elements

• Option Card 1 · Card

  Vertical stack below subtitle, full-width with horizontal margins · Light blue filled rounded rectangle with prominent blue outline

• Option Card 2 · Card

  Vertical stack below first option · White filled rounded rectangle with thin grey border

• Option Card 3 · Card

  Vertical stack below second option · White filled rounded rectangle with thin grey border

Layout

Single-select questionnaire layout with selectable stacked cards occupying the center space.

Notes

First option is visually selected with blue accent.