ReciMe: Recipes & Meal Planner

Colors

• #FBFBFAOff-white Background · screen background
• #111111Dark Charcoal Text · title · section header
• #FFFFFFWhite Card Fill · card background
• #E8DEF8Purple Tag Fill · meal type tag background
• #1D192BPurple Tag Text · meal type tag text

Type

• titleSF Pro Display · 42px · bold · #111111
• section headerNew York · 24px · regular · #555555
• bodySF Pro Text · 22px · medium · #111111
• labelSF Pro Text · 18px · medium · #1D192B

Elements

• Day Meal Card · card list

  Vertical stack of three white rounded cards for Monday, Tuesday, Wednesday · White cards with soft drop shadow, each containing a thumbnail image, recipe title, and a purple meal type tag

• App Icon · icon

  Centered horizontally near the bottom of the screen · Squircle app icon with blue background and yellow chef hat silhouette

Layout

Top title, followed by a vertical stack of meal planner list cards, with a smaller app icon floating at the bottom.

Notes

Demonstrates meal planning feature with day headers and recipe cards.