Festive Fireworks, From Cart to Door

Kuruvi Crackers — Color System & Identity

Developed & Executed by CNetworQ

We crafted Kuruvi Crackers’ palette to capture festive energy, trust, and clarity. The system balances bold Diwali tones for promotions with dependable darks for readability and compliance messaging. It scales across packaging, banners, and the ecommerce UI.

Primary Palette

• Saffron Orange — #FF9E00 • Hero festive color for price badges, deal tags, and key CTAs. Conveys celebration and value.
• Festival Red — #FF0000 • Drives urgency on offers and countdowns. Ideal for promo ribbons and limited-time highlights.
• Midnight Navy — #00263A • Trust & depth. Used for header/footer, navigation, dark sections, and high-contrast text on light tints.

Secondary Palette

• Graphite Grey — #54565B • Neutral base for body text, dividers, table borders, and UI chrome.
• Royal Violet — #5A189A • Premium accent for “Premium/Peacock Series” tags, badges, and spotlight cards.
• Teal Blue — #00426B • Informational elements—links, safety tips cards, and help/tooltips. Pairs well with Midnight Navy.

Tints, Shades & Gradients

• Use 10–80% tints of #FF9E00 and #FF0000 for soft festive backgrounds.
• Hover/active states: darken buttons by 8–12% (e.g., #FF9E00 → deeper saffron).
• Recommended gradients: #FF9E00 → #FF0000 (festive banner), #00426B → #00263A (section headers).

Accessibility & Usage Rules

• Maintain WCAG AA contrast: #00263A text on #FF9E00 or white; white text on #00263A sections.
• Avoid red text on orange backgrounds; use navy or white for legibility.
• Primary CTA: #FF9E00; Secondary CTA: #00426B; Destructive/alert: #FF0000.

This palette delivers a festive, confident storefront that sells clearly and responsibly—matching Kuruvi Crackers’ brand promise and seasonal demand surges.

Kuruvi Crackers — Typography System

Developed & Executed by CNetworQ

We designed the Kuruvi Crackers type system to balance festive energy with ecommerce clarity. Headlines spark celebration during Diwali peaks, while body text stays calm and readable across price lists, safety notes, and policy pages. The system scales from hero banners to compact product cards and invoices.

• Primary Typeface — Montserrat (500/600/700/800): Bold, geometric sans for hero headlines, product names, offer badges, and CTAs.
• Supporting Typeface — Inter (400/500/600): Humanist sans for paragraphs, specs, FAQs, and transactional UI.
• Regional/Bilingual — Noto Sans Tamil (400/600): For Tamil headlines, safety tips, and compliance notes.
• Price & Offer Numerals: Use tabular lining figures (font-variant-numeric: tabular-nums;).
• CTA Voice: Montserrat Semibold in UPPERCASE with slight tracking.
• Accessibility: Min 16px body, 1.5 line-height, WCAG-AA contrast on all palette combos.

Type Scale (Web)

• Display: 56–64px / 1.05 / Montserrat 800
• H1: 40–48px / 1.15 / Montserrat 700
• H2: 32–36px / 1.2 / Montserrat 700
• H3: 24–28px / 1.25 / Montserrat 600
• Body: 16–18px / 1.6 / Inter 400
• Caption/Meta: 13–14px / 1.4 / Inter 400
• Buttons/Badges: 14–16px / 1.2 / Montserrat 600 (letter-spacing: 0.5px)

Outcome: a festive yet disciplined type system that sells clearly, reads effortlessly, and adapts to bilingual needs—ideal for high-traffic seasons.