ReciMe: Recipes & Meal Planner

Colors

• #F9F8F4Background · screen background
• #111111Primary Text · headings · option text
• #3A85EESelected Option Border · active option highlight border
• #E8F0FESelected Option Background · active option background tint

Type

• titleSF Pro Rounded · 30px · bold · #111111
• option textSF Pro Text · 18px · regular · #111111

Elements

• Selected Option Card · selectable card

  First item in vertical list of options · Light blue tinted background with blue border outline

• Unselected Option Cards · selectable cards

  Below the selected option card · White rounded rectangles with thin borders

Layout

Vertical list layout displaying a multi-choice question with the first option actively selected.

Notes

First option shows selection styling.