Plated Design System · v2
This is Pantry. Everything you need, stocked in one place.
Pantry is Plated's design system — the foundations, components and assets behind the product, kept as a living reference you can browse and build from.
Warm, not loud
Cream grounds and brown accents keep the food the hero. Plated red is reserved for the brand mark.
Clear over clever
Every color and style has one job. Use them consistently so people learn the patterns.
Accessible by default
Every text pairing meets at least 4.5:1 contrast. Gold is never used for text.
What’s in the Pantry
Color
Primary, secondary and extended palettes with contrast guidance.
View →
Typography
Libre Baskerville and IBM Plex Sans in a nine-step scale.
View →
Grid & Spacing
4, 8 and 12 column grids plus the spacing scale.
View →
Motion
Timing, transitions and feedback patterns for purposeful movement.
View →
Buttons & Actions
Pill buttons and ten action icons in every state.
View →
Forms
Inputs, selects and validation states.
View →
Alerts
Success, warning and error messages.
View →
Navigation
Desktop and mobile patterns for moving through Plated.
View →
Recipe Tiles
The full tile, minimized tiles and how they stretch.
View →
Icons
Product icons for UI, nutrition and account.
View →
Illustrations
Hand-drawn spot illustrations.
View →
Photography
Food imagery library.
View →