
One warm, festive system across the website, the app, and every email — a single navy, one orange, a disciplined type scale, and motion that feels physical. Everything here reflects what actually ships.
Saffron→coral is the identity; navy is the one ink; a burnt orange carries small accent text where the primary is too light on white. Semantic colors stay separate from the accent, each with a dark-mode-bright partner.
Core — festival warmth
Ink & surfaces
Semantic — state, not accent
Signature gradients
orange-gradient — 92° coral → saffron · the CTA
festival-gradient — saffron → coral → maroon · hero atmosphere
Inter, falling back to the platform system UI face (SF Pro / Segoe / Roboto). Headings run heavy and tight; labels are small, uppercase, and widely tracked.
One shape language: buttons rounded-xl (12px), cards rounded-2xl (16px), sheets rounded-3xl (24px). One primary action per view.
Buttons
Input · chips · badges
Two easing curves carry everything. Content settles with a soft ease-out; overlays (dialogs, toasts, sheets) use the Vaul curve so they feel like they have weight. All of it is disabled under prefers-reduced-motion.
Keep clear-space of at least the tile's corner-radius on every side. Never recolor the flame, stretch it, or place it on busy imagery without a scrim.
Indian Caucus of Secaucus✓ Do
✗ Don't
The logo files and the palette in whatever format you need — CSS variables for engineers, JSON tokens for design tools, an SVG palette sheet, or a plain hex list.
Logos
Swatches
Speak like a helpful neighbor, not a system. Active voice; a control says exactly what happens. Errors explain what went wrong and how to fix it — no apologies, no vagueness.