Magic Meal Kit • Brand Guide

Logos

Logo Light

Light backgrounds

Logo Dark

Dark backgrounds

Logo Mono

Single color

Favicon

Browser tabs

Usage Guidelines

Use Logo Light on light or cream-colored backgrounds
Use Logo Dark on dark or charcoal backgrounds
Use Logo Mono for single-color applications or print
Maintain clear space around logos equal to the height of the icon

Colors

Shared Colors

Used consistently across both light and dark themes

Primary

#FFBE00

Error

#FF627D

Success

#00D390

Light Mode

Warm earth tones with cream backgrounds

Background

#F7F1E7

Card

#FFFBF4

Text

#593D31

Dark Mode

Cool blue-grays with crisp contrast

Background

#191E24

Card

#1D232A

Text

#ECF9FF

Theme Preview

Light Mode

Recipe Card

Chicken Tikka Masala

Dark Mode

Recipe Card

Chicken Tikka Masala

Typography

Heading

Wittgenstein 900 / 48px

Magic Meal Kit

List Title

System / 600 / 16px

Chicken Tikka Masala

List Subtitle

System / 400 / 14px

45 min · 4 servings · Medium difficulty

Font Source

Google Fonts - Wittgenstein

Border Radius

12px

Spacing

Base

16px

2x

32px

3x

48px