Design System

Never Be Boring.

The MOO component library. Bebas Neue headlines, bouncy interactions, comic book energy.

Palette

Five Colors. No Negotiation.

MOO Yellow#FFD500
MOO Red#FF3D47
Royal Blue#4361EE
Oat Beige#F0DFC8
Black#1A1A1A
Category Colors

One Bunny, One Color.

Each category has its own caricature and color. These are NOT brand colors.

Overnight Oats bunnyOvernight Oats#FFD500
Chia Pudding bunnyChia Pudding#F5A3D0
Smoothie Bowls bunnySmoothie Bowls#00B8D4
Smoothies bunnySmoothies#FF3D47
Desserts bunnyDesserts#5AC8C4
Barista bunnyBarista#FFAA8A
Typography

Bebas Neue + Inter.

All headlines uppercase Bebas Neue. Body text Inter. No serif. No thin fonts. Ever.

Have Fun. Eat Better.

India's Favourite Oats Brand

Three Kitchens. One Mission.

We make food that's genuinely good for you and genuinely fun to eat — not one at the expense of the other. Ministry of Oats exists because eating well in India is either punishingly boring or embarrassingly expensive. We refuse both.

Prep Time: 5 Minutes · Serves 1 · Overnight Oats

Surfaces

Three Modes. Always Grid.

Oat Beige — Editorial, reading, recipes

Dark — Hero sections, impact moments

Royal Blue — Brand moments, CTAs, social

Buttons

Pill. Bounce. Always.

Badges

Tags and Labels.

NewBestsellerFeaturedProteinDIYVegan
Cards

White on Oat. Hover Lift.

Overnight Oats

Classic Overnight Oats

Prep: 5 min · Serves 1

Smoothies

Berry Blast Smoothie

Prep: 3 min · Serves 1

Featured

Protein Power Bowl

Prep: 8 min · Serves 1

Callouts

Tips, Notes, Warnings.

Pro tip: Soak your oats overnight for the creamiest texture. Trust us on this one.
Did you know? Ministry of Oats has delivered over 1,00,000 orders across Bengaluru.
Heads up:This bowl contains nuts. If you're allergic, swap for seeds.
Angled CTAs

The Signature Move.

Rotated -3deg. Bold. Impossible to ignore. Use sparingly.

Feed Me AlreadyOrder Now
Animations

Everything Alive.

Float, wobble, pop, bounce. 120ms bounce easing. Never static.

Float
Wobble
Twinkle