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.

Logo

The mark

Keep clear-space of at least the tile's corner-radius on every side. Never recolor the elephant, stretch it, or place it on busy imagery without a scrim. Don't go below 24px on screen — that's the smallest the app itself uses it, in the header, and the hidden letterforms stop reading under it. For print, proof it at size before you commit.

Indian Caucus of SecaucusIndian Caucus of Secaucus

Hidden in the mark

The elephant secretly spells ICS — Indian Caucus of Secaucus.

I

The foot & dot

The single front leg with the dot above reads as an “i”.

C

The ear

The curve of the ear forms a “C”.

S

The trunk

The raised, curling trunk draws an “S”.

✓ 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 elephant
  • Add drop shadows or effects
  • Squash, rotate, or crop it
  • Place on low-contrast imagery
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
Ends the CTA gradient, starts festival · 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

Reading the palette

The small “Aa” on each swatch is that color’s text color — use it, and nothing else, on that background. Saffron and Gold are gradient ends and glows, never surfaces for white text: pure white on Saffron measures 2.13:1, which no amount of opacity rescues. Coral is the lightest thing white is allowed to sit on (3.09:1), and it deepens from there — Coral Dark 4.4:1, Burnt 5.3:1, Maroon 9:1, Navy 16:1.

So a warm panel carrying white type runs Coral → Coral Dark → Burnt → Maroon, and lets Saffron glow behind it rather than under it. On white, accent text is Burnt rather than Coral for the same reason.

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. Inter is free and open source — get it from rsms.me/inter or Google Fonts. If you can't install it, the system UI face is the intended fallback; don't substitute a different family.

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.
Downloads

The assets

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. The logo files are sent on request, so we can point you at the right one.

Trademark & permitted use

The Indian Caucus of Secaucus name, the elephant mark, and the lockup are trademarks of the Indian Caucus of Secaucus, a 501(c)(3) nonprofit. Using them requires our written permission — the files being on this page is not that permission.

What we say yes to, in writing and quickly: press and news coverage, materials for an event or program we're actually part of, and partners and sponsors we've agreed terms with. What we don't: anything implying we endorse, sponsor, or are affiliated with a product, business, campaign, or candidate when we aren't; merchandise; and any altered form of the mark — recolored, outlined, stretched, cropped, or rebuilt.

Request permission and tell us where it'll appear — we'll send the right file with it. Full terms are in our Terms of Use.

Logos — on request

Logo
SVG · vector
Logo
PNG · 512px
App icon
PNG · 512px
Social card
PNG · Open Graph
Request the logo files

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.