Kolkata Calling

BRAND KIT

COLOR PALETTE

Primary Colors

Yellow 400

#FACC15

Main accent color

Black

#000000

Primary text & borders

White

#FFFFFF

Backgrounds & contrast

Yellow Shades

Yellow 50

#FEFCE8

Subtle backgrounds

Yellow 100

#FEF9C3

Card backgrounds

Yellow 200

#FEF08A

Secondary accents

Yellow 300

#FDE047

Highlights & buttons

Usage Guidelines

  • Use yellow as the primary accent color throughout all materials
  • Maintain high contrast with black text on light backgrounds
  • White text should only be used on black backgrounds
  • Use different yellow shades to create visual hierarchy
  • All UI elements should have bold, defined borders in black

TYPOGRAPHY

Primary Font: Inter Bold

Aa Bb Cc

ABCDEFGHIJKLM

NOPQRSTUVWXYZ

abcdefghijklm

nopqrstuvwxyz

1234567890!@#$%^&*()

Usage Guidelines

  • Always use Inter Bold for all text elements
  • Headings: 2rem - 5rem (32px - 80px)
  • Subheadings: 1.5rem - 2rem (24px - 32px)
  • Body text: 1rem - 1.25rem (16px - 20px)
  • Buttons & CTAs: 1.25rem - 1.5rem (20px - 24px)
  • Maintain consistent line heights (1.2 - 1.5)
  • Use all-caps for emphasis and buttons
  • Avoid using other font weights or families

Bengali Typography

কলকাতা কলিং ২০২৫

Bengali text should be used sparingly as an accent element, particularly for the city name "কলকাতা" (Kolkata). When using Bengali text, ensure it is legible and properly sized relative to Latin characters.

DESIGN ELEMENTS

Neo-Brutalism Style

  • Bold, thick black borders (2-4px)
  • Hard shadows (5-8px offset)
  • High contrast colors
  • Geometric shapes and blocks
  • Tactile, physical appearance
  • Intentionally "unrefined" aesthetic
  • Minimal gradients or effects

Kolkata Elements

  • Bengali script accents
  • Iconic Kolkata landmarks (Howrah Bridge, Victoria Memorial)
  • Traditional Bengali patterns
  • Yellow taxi motifs
  • Cultural symbols (hand-pulled rickshaws, trams)
  • Tech elements integrated with traditional imagery

Layout Guidelines

  • Use ample white space to balance bold elements
  • Align elements to a grid system
  • Create visual hierarchy with size and color
  • Use card-based layouts with defined borders
  • Incorporate slight rotations (1-2°) for dynamic feel
  • Maintain consistent padding and margins
  • Ensure all interactive elements have hover/active states