ReciMe: Recipes & Meal Planner

Colors

• #F9F8F4Background · screen background
• #111111Primary Text · headings · labels
• #3A85EEChart Bar Blue · shorter bar representing time with app
• #E5DEC9Chart Bar Beige · taller bar representing time on own

Type

• titleSF Pro Rounded · 30px · bold · #111111
• subtitleSF Pro Text · 16px · regular · #4A4A4A
• stat numberSF Pro Display · 28px · bold · #111111

Elements

• Comparison Chart · bar chart

  Center of screen, two vertical bars side-by-side with labels underneath · One blue short bar and one beige tall bar

• Footer Banner Text · callout text

  Centered below chart · Bold text highlighting time saved

Layout

Vertical stack with top header, explanatory subtitle, centered visual bar chart comparison, callout statement, and bottom continue button.

Notes

Visualizes time saved per week using a bar chart.