HackIndia · Official Assets

HackIndia
Branding Kit

Resources crafted to represent India's most ambitious hackathon platform. Use these guidelines to keep every page, poster, deck, and social asset consistent.

Download Primary Logo Request Full Brand Pack

Fast Rules

Keep the identity clear, sharp, and recognizable at a glance.

Primary action color: #EF6321

Secondary accent color: #046A38

Core UI font: IBM Plex Sans

Headline font: Space Grotesk 700

Label / metric font: IBM Plex Mono

Minimum full-logo width: 120px

Logo Variations

Approved presentations for different surfaces.

Dark Surface Preview

Preferred on deep dark interfaces and event-stage backgrounds.

DOWNLOAD PNG

Light Surface Preview

Preferred for white cards, documents, and website sections.

DOWNLOAD PNG

High Contrast Preview

Use when overlap and readability conditions are difficult.

DOWNLOAD PNG

Brand Typography

Hierarchy tuned for readability and impact.

Primary Heading

Space Grotesk 700 for hero lines, section headings, and buttons. Set tight at -0.015em.

Build India's Next Breakthrough.

Interface And Body

IBM Plex Sans for body copy, UI labels, and navigation clarity.

Keep copy concise, useful, and actionable. Prioritize clarity over decorative or overly dense text.

Monospace Interface

IBM Plex Mono for section eyebrows, metrics, timestamps, and code.

import { Hackathon } from "hackindia";

status: live | city: delhi | track: ai

Editorial Accent

Instrument Serif italic, used sparingly for pull quotes and campaign lines.

Build. Compete. Win.

Usage Guidelines

What to do and what to avoid.

Maintain clear space around the full logo at least equal to the height of the H.
Scale logo proportionally without distorting symbol-to-wordmark balance.
Place logo on clean, high-contrast surfaces with enough visual breathing room.
Use official assets only and keep export quality sharp for social and print.

DON'T

Do not stretch, compress, rotate, or tilt the logo in any direction.
Do not place the logo over noisy photography without a contrast container.
Do not add glows, bevels, inner shadows, or unofficial visual effects.
Do not recolor the mark with unrelated palettes or event-specific gradients.

Color Palette

Six colors carry the whole system.

Saffron leads, navy grounds, green signals live activity. Everything else is surface and structure.

#EF6321

Saffron

Primary action, links, section eyebrows

#16212C

Navy

Navigation, footer, high-contrast sections

#046A38

Green

Live and open states, success badges

#1B1712

Ink

Headings and primary body copy

#FAF5EC

Cream

Alternating section grounds

#E7DED0

Line

Card borders and dividers

Clear Space & Sizing

Give the mark room to breathe.

Clear space

Keep a margin on all four sides equal to the height of the H in the mark.

The dashed area is the exclusion zone. Never place type, rules, or imagery inside it.

Minimum sizes

Below these widths the wordmark stops being legible — use the symbol instead.

Full lockup on screen120px

Full lockup in print30mm

Symbol only on screen24px

Favicon / app icon32px

Voice & Tone

How HackIndia sounds.

Direct

Short sentences, plain words. Say what a builder gets and what to do next.

Concrete

Name the city, the prize, the date. Specifics beat superlatives every time.

Encouraging

Beginners are welcome here. Never gatekeep with jargon or insider shorthand.

Writing the name

One word, capital H and capital I. Never all-caps in body copy.

HackIndia

Hackindia, HACKINDIA, Hack India

HackIndia Spark 11

Hackindia spark-11

Web3 & AI hackathon

WEB3 AND AI HACKATHON

builders, participants

users, consumers

Downloads

Grab the official files.

Primary logo (light surfaces)

PNG · full lockup

Logo for dark surfaces

PNG · full lockup

Symbol only

PNG · H mark

Social preview card

JPG · 1200x630

Need vector (SVG/EPS) versions, or a co-branded lockup for a partnership? Request the full brand pack.

HackIndia
Branding Kit

Resources crafted to represent India's most ambitious hackathon platform. Use these guidelines to keep every page, poster, deck, and social asset consistent.

Fast Rules

Keep the identity clear, sharp, and recognizable at a glance.

Primary action color: #EF6321

Secondary accent color: #046A38

Core UI font: IBM Plex Sans

Headline font: Space Grotesk 700

Label / metric font: IBM Plex Mono

Minimum full-logo width: 120px

HackIndiaBranding Kit

Approved presentations for different surfaces.

Dark Surface Preview

Light Surface Preview

High Contrast Preview

Hierarchy tuned for readability and impact.

What to do and what to avoid.

Six colors carry the whole system.

Give the mark room to breathe.

How HackIndia sounds.

Grab the official files.

HackIndiaBranding Kit

Approved presentations for different surfaces.

Dark Surface Preview

Light Surface Preview

High Contrast Preview

Hierarchy tuned for readability and impact.

What to do and what to avoid.

Six colors carry the whole system.

Give the mark room to breathe.

How HackIndia sounds.

Grab the official files.

HackIndia
Branding Kit

HackIndia
Branding Kit