Meal Planner App Design Template

Mise is a meal planner app design template built on a "Fresh Market Daylight" look: a paper-white base, deep kitchen-charcoal text, and a fresh herb green reserved for the active day and primary actions, with warm terracotta tags. Surfaces sit as inset oat-tan panels with no shadows, so depth comes from hairline rules and crisp dividers, like cells in a printed planner. A high-contrast serif carries recipe titles and day headers while a geometric sans handles labels and tabular-mono quantities line up like a recipe card.

The template ships six connected screens that form a complete planning flow: a Plan home with the signature seven-day Week Ribbon and today's photo meal cards, a filterable Browse grid of recipes, a Recipe detail with stats and a checkable ingredients list, a Schedule Meal sheet with day and meal pickers, an aisle-grouped Grocery list with swipe-to-check items, and a Stats screen with macro rings and a daily-calorie bar chart. The Week Ribbon ties it together: tiny stacked meal chips fill with color as you assign recipes across the week.

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.