Indian Caucus of Secaucus

Brand Kit

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.

Color

The palette

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

Aa
Saffron
#FF9933
Gradient start · highlights, glows
Aa
Coral — Primary
#F26644
The brand. CTAs, active states, links
Aa
Coral Dark
#d94e2e
Flat-button end / pressed
Aa
Burnt — Accent
#c2410c
Eyebrows / accent text on white
Aa
Gold
#F5C518
Festival sparkle, sparingly
Aa
Maroon
#800000
Deep festival anchor

Ink & surfaces

Aa
Navy — Ink
#0F2044
The single text/ink color
Aa
Cream
#FFF8F0
Warm app canvas (light)
Aa
White
#FFFFFF
Cards & sheets (light)
Aa
Warm Charcoal
#131110
App canvas (dark)
Aa
Charcoal Card
#1e1b18
Cards & dialogs (dark)

Semantic — state, not accent

Aa
Success
#2e9664
Confirmed / done · #5eefaa on dark
Aa
Warning
#f59e0b
Pending / needs attention
Aa
Critical
#c43c2a
Destructive actions, errors
Aa
Neutral toast
#0F2044
Informational toast background

Signature gradients

orange-gradient — 92° coral → saffron · the CTA

festival-gradient — saffron → coral → maroon · hero atmosphere

Typography

One face, a strict scale

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.

Display
40 / 800 / -.03em
Your community, in one app
H1
24 / 800 / -.02em
Diwali Mela 2026
Body
15 / 400 / 1.7
Accept contactless cards and digital wallets right on your iPhone — no extra hardware, and the receipt goes out by text or email.
Label
11 / 800 / .14em
Set date & time · ET
Numeric · tabular
$1,250.00 · ext 204
Components

The canonical set

One shape language: buttons rounded-xl (12px), cards rounded-2xl (16px), sheets rounded-3xl (24px). One primary action per view.

Buttons

Input · chips · badges

Donationrequestedscheduleddone
Motion

Physical, not decorative

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.

Content · ease-out
cubic-bezier(.2,.7,.2,1) · fade-ups, pops, staggers · .45–.55s
Overlays · Vaul
cubic-bezier(.32,.72,0,1) · dialog rise, toast drift · .28–.42s
This card just rose with the Vaul curve.
Logo

The mark

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 SecaucusIndian Caucus of Secaucus

✓ Do

  • Pair the tile with the navy wordmark
  • Give it room — respect clear-space
  • Use on cream, white, or charcoal
  • Scale the whole lockup together

✗ Don't

  • Recolor or outline the flame
  • Add drop shadows or effects
  • Squash, rotate, or crop it
  • Place on low-contrast imagery
Downloads

Grab the assets

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

Voice

Warm, plain, specific

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.

System-speak
Webhook config updated successfully.
Human
Saved. Your notifications are on.
Vague error
An error occurred. Please try again.
Actionable
That code expired — tap Resend and we’ll send a fresh one.
Corporate
Submit your participation request.
Specific
Sign up to perform at Diwali Mela.