03 Logo & Iconography

Logo and Iconography

The Mealchemy logo combines a square monogram mark with a serif wordmark. The preferred variant is gold on brand dark.

Mealchemy primary full logo on brand dark background

Primary full logo: original background

Mealchemy full logo with transparent background

Full logo alternate: transparent

Mealchemy monogram mark

Monogram mark

Mealchemy wordmark

Wordmark only

Usage Rules

Clear space
M

Leave space equal to the M lettermark height on every side.

Minimum size
M
40 x 40px
MEALCHEMY
120px wide

Monogram minimum is 40x40px. Wordmark minimum width is 120px.

Approved colours

Use burgundy, gold, cream, and dark surfaces only.

Avoid
StretchRecolourShadow

Do not stretch, recolour, rotate, outline, or add drop shadows.

Iconography

Icon system

Use Flutter Material Icons with a simple outlined style. Icons support actions and states but should not replace visible labels.

⌕

Search pantry ingredients

LibraryFlutter Material Icons

Outlined icons for navigation, fields, and utility actions.

StrokeRegular weight

Keep icons visually light so they match the rounded app components.

Navbar22dp

Use for tab and navigation icons.

Fields18dp

Use for input prefix and helper icons.

Buttons14, 18, or 20dp

Match the icon size to the button size.

MeaningIcon plus label

Use labels for primary actions and important states.

+Add ✓Done ⌕Search ♡Save ↗Open ⋯More