ReciMe: Recipes & Meal Planner

Colors

• #FBFBFAOff-white Background · screen background
• #111111Dark Charcoal Text · title
• #1E1E1EDark Button Fill · primary button background
• #FFFFFFWhite Button Text · primary button text
• #0A84FFBlue Link Text · footer link

Type

• titleSF Pro Display · 42px · bold · #111111
• buttonSF Pro Text · 24px · semibold · #FFFFFF
• bodySF Pro Text · 20px · regular · #555555

Elements

• Phone Mockup · device frame

  Centered in the middle of the screen showing recipe collection grid UI · Black phone bezel frame containing internal app screen with recipe categories and search bar

• Get Started Button · button

  Full width pill button near the bottom of the screen · Solid dark charcoal/black pill shape with white centered text

• Login Link · text link

  Centered horizontally below the primary button · Regular grey text with blue highlighted action text for login

Layout

Top title, central phone mockup displaying organized recipe collections, followed by a primary call-to-action button and login link at the bottom.

Notes

Onboarding concluding screen prompting user registration.