ReciMe: Recipes & Meal Planner

Colors

• #FBFBFAOff-white Background · screen background
• #111111Dark Charcoal Text · title
• #0077FFFacebook Blue · icon fill

Type

• titleSF Pro Display · 42px · bold · #111111
• labelSF Pro Text · 24px · semibold · #111111

Elements

• Facebook Source Indicator · badge/icon label group

  Centered horizontally below the main title, with spacing of about 30px · Circular blue icon with white Facebook 'f' glyph, followed by black bold label text

• Recipe Preview Card · card/mockup

  Centered horizontally below the Facebook label, occupying the middle vertical space · Mobile screenshot mockup showing a dish of pasta with herbs, rounded container with soft shadow

Layout

Top-aligned bold title, followed by platform badge and a large centered recipe card mockup against a clean off-white background.

Notes

Onboarding screen demonstrating recipe saving capabilities from web sources like Facebook.