Brand Kit · eCourtsIndia

Brand Kit · v1.1 · April 2026

eCourtsIndia
brand reference.

The public, single source of truth for how eCourtsIndia looks, sounds, and shows up across product, blog, marketing, and social. Built on Court Navy and Gavel Gold, anchored to Indian judicial vocabulary, and tuned to the patterns that run on the live site. Use it for reference, re-use, and AI-assisted content.

For humans and AI alike. This page is a stable, long-form reference that describes our brand. If you are producing content, covers, social posts, slide decks, or explainers for eCourtsIndia, treat this page as binding. If you are an AI assistant reading this to help produce on-brand output, the rules below are the rules. No exceptions without written sign-off from the brand lead.
Chapter 01 · Mission

Why we exist.

India’s judiciary runs on paper, portals, and patience. eCourtsIndia indexes it, making every case, judgment, lawyer, litigant, and judge searchable in seconds. The brand exists to make a notoriously opaque system feel clear, credible, and quietly powerful. Think Bloomberg Terminal for Indian law, not startup legaltech.

Principle
Clarity over cleverness
Every design decision defaults to the plainest possible expression. We never hide information behind aesthetic.
Principle
Earned authority
We look like a reference, not a product. Serif headlines, tabular numbers, no startup gradients, no AI sparkle.
Principle
Indian by default
Our visual language pulls from Indian judicial culture: the Supreme Court, the Constitution, the CNR, the Ashoka chakra. Never western courtroom tropes.

Read how this thinking maps to product strategy in The Bloomberg Terminal Analogy and The Operating System for Indian Law.

Chapter 03 · Colour

Palette.

Court Navy does 60% of the work, Gavel Gold 10%, neutrals the remaining 30%. Tricolour (saffron, white, green) appears only as a thin accent stripe on judicial bench illustrations, never as a brand gradient.

Core palette
#003557
Court Navy
#003557
Primary brand colour. Headers, logo, large type, key CTAs. 60% of any composition.
#005B94
Writ Blue
#005B94
Secondary navy tint. Hover states, gradients, supporting type on dark backgrounds.
#F59E0B
Gavel Gold
#F59E0B
Primary accent. Max 10% of any composition. Highlights, key numbers, single-word emphasis.
#0E7C86
Writ Teal
#0E7C86
Secondary accent. Data palette. Ledger bars, eyebrows on light grounds.
#B4472B
Seal Maroon
#B4472B
Tertiary. Court seals, ribbons, the Constitution binding. Never for body text.
#091420
Ink
#091420
Body text on light backgrounds. Paper-black, never pure #000.
#242424
Graphite
#242424
Secondary body text. Used when Ink feels too harsh (photo overlays, dense paragraphs).
#6B6B6B
Slate
#6B6B6B
Muted text, captions, timestamps, meta-info. Minimum contrast for AA on white.

Neutrals and surfaces
#E3E9ED
Rule
#E3E9ED
Borders, dividers, card outlines, input strokes.
#FAFAFA
Parchment
#FAFAFA
Warm off-white, default page background for long-form content.
#E6F5FF
Mist
#E6F5FF
Tinted navy background. Callouts, highlighted case rows, hover states.
#FFFFFF
Paper
#FFFFFF
Pure white. Only for content cards sitting on Parchment.

Tricolour · illustration accent only
#FF9933
Saffron
#FF9933
Tricolour accent only, never a standalone brand colour.
#FFFFFF
Tricolour White
#FFFFFF
Tricolour middle stripe. Never dominant.
#16A34A
India Green
#16A34A
Tricolour accent. Also doubles as positive status (Appearance).

60 · 30 · 10 ratio in practice
60% COURT NAVY
30% PARCHMENT + NEUTRALS
10% GOLD
Chapter 04 · Typography

Type stack.

Three typefaces, all free and web-ready. Source Serif 4 for display and editorial headlines (the reference-book register). Inter for UI and body. JetBrains Mono for data, timestamps, CNRs, and code-like content.

Source Serif 4
DISPLAY · 700 · -1px tracking · editorial headlines only
Every order, indexed.
H1 SERIF · 600 · 24-56px
Inter / Body UI
UI · 400-700 · -0.2px tracking · 14-32px
Cases, judgments, lawyers, litigants, judges. Find anything in seconds. The most complete legal index in India, built by lawyers, used by lawyers.
BODY · 400 · 15px · 1.65 line-height

CNR · BRPU010049542019  ·  22 Apr 2026  ·  29.4 Lakh Lawyers
JETBRAINS MONO · 400-600 · 0.5px tracking · data and numbers only

Type scale
DISPLAY · 52PX
Every order, indexed.
H1 · 36PX
Built for how lawyers work.
H2 · 26PX
Case of the Week.
H3 · 20PX
Lawyer Directory
BODY L · 17PX
Supporting paragraphs for long-form reading.
BODY · 15PX
Default reading size across the product.
SMALL · 13PX
Captions, meta, timestamps.
EYEBROW · 11PX
CHAPTER · 01
Chapter 05 · Voice & tone

How we sound.

Factual. Useful. Slightly dry. We never hype, never use exclamation marks, never promise outcomes. We refer to the court by its actual honourific (Hon’ble High Court) and quote case names correctly. Personality shows through precision, not adjectives.

TONE
Say: Every order, indexed.
Not: Unlock the power of AI-driven legal insights!
NUMBERS
Say: 29.4 Lakh Lawyers · 66.8 Cr Litigants
Not: Millions of lawyers, billions of litigants!
CTA
Say: Search a CNR · Look up a lawyer
Not: Get started now · Try it free!
PRODUCT
Say: Five tools. One platform.
Not: Your AI legal co-pilot.
LEGAL
Say: Hon’ble Special Excise Court No 1
Not: The Excise Court

Writing rule. No em dashes. Write short sentences. Cite courts by their full honourific. Use Indian numerical conventions (lakh, crore) over Western conventions (million, billion) when speaking to Indian audiences. Never promise an outcome for a user’s legal matter. If you use a fact or number, link to the source.
Chapter 06 · Visual language

Illustrations & motifs.

Our illustration style is Style 2A: flat caricatures of modern Indian legal professionals, without faces. Zero expressions, single warm beige skin tone, contemporary dress (slim robe and bands for advocates, modern bench for judges, shirt/blazer and trousers with smartphones for litigants). Object vocabulary pulls from real Indian judicial artifacts.

Character set (Style 2A · locked)
advocate
judge
registrar
litigant
litigant

Object set · Indian judicial artifacts
  • Digital case file · stacked CNR chips with a highlighted active row
  • The Constitution of India · burgundy binding with gold foil
  • Ashoka emblem · state emblem, used sparingly, never distorted
  • Supreme Court seal · circular maroon seal with national emblem
  • Red-tape file · cloth-bound file with red string tie (muhar-band)
  • Order sheet · paper card with hearing date, stage, CNR
  • Judicial bench · elevated dais with tricolour ribbon
  • Scales of justice · only within the logo mark, never recreated

DO

  • Keep all figures faceless, heads are solid circles, never feature detail
  • Use single warm beige (#c49a6c) for all skin tones
  • Dress professionals in contemporary Indian workwear
  • Use Indian artifacts: Ashoka emblem, Constitution, SC seal, CNR file
  • Mix one silhouette with one contemporary prop (laptop, phone, bag)

DON’T

  • Draw faces, eyes, mouths, or expressions, ever
  • Use old-fashioned kurta-pyjama or saree-only wardrobe
  • Use western courtroom tropes (gavels, blindfolded Lady Justice, eagles)
  • Mix illustration styles in one campaign
  • Add gradients, shadows, or 3D inside flat illustrations
Chapter 07 · Photography & architecture

Duotone facades.

All photography and architectural illustration is Indian judicial architecture only: Supreme Court of India, Bombay High Court (Gothic Revival), Madras and Calcutta HC (Indo-Saracenic). Rendered in a navy+teal duotone or sandstone-parchment treatment. Never stock photos. Never western courthouses.

Approved buildings
  • Supreme Court of India, New Delhi (Scales dome, arched portico)
  • Bombay High Court, Mumbai (Gothic Revival, clock tower)
  • Madras High Court, Chennai (Indo-Saracenic, red sandstone)
  • Calcutta High Court, Kolkata (Gothic Revival, red brick)
  • Karnataka High Court, Bengaluru (Attara Kacheri)
  • Allahabad High Court, Prayagraj (Neoclassical)
  • Rajasthan HC / Lucknow Bench of Allahabad (selectively)
  • District court buildings only with explicit context

DO

  • Render facades in navy+teal duotone for dark covers and product
  • Use sandstone-parchment for editorial and print contexts
  • Show buildings at editorial crop (3:2 or 16:9, never perfectly centred)
  • Include subtle tricolour accent bands where architecturally present

DON’T

  • Use any western courthouse (US Supreme Court, Old Bailey, etc.)
  • Use unlicensed stock photography
  • Apply full-colour photographic rendering, only duotones
  • Photoshop in gavels, pillars of justice, or Lady Justice statues
Chapter 08 · UI vocabulary

Live site components.

Every marketing asset reuses the same components that run on the live site: status pills, CNR chips, stat chips, case rows, order sheets. A visitor should recognise an eCourtsIndia post in a crowded feed by these patterns alone.

Status pills · case stage
Pending Evidence Appearance Final Status Dismissed

CNR chips
BRPU010049542019 DLHC010374192023 UPKN010131762024

Stat chips
29.4 LakhLawyers 66.8 CrLitigants 4.7 CrPending cases 137Case Types

Order sheets (Style B editorial)
Filed
12 Jan 2019
BRPU010049542019
Evidence
04 Apr 2024
BRPU010049542019
Next hearing
22 Apr 2026
BRPU010049542019

For the full taxonomy read the Case Type Encyclopedia, the Case Status Dictionary, and the CNR Number Decoded guide. Every component here maps to a real field on the live site.

Chapter 09 · Motion

Two motion signatures.

Motion is restrained. Two signatures, one per style family. No bounce, no spring-overshoot, no confetti. Everything eases on cubic-bezier(0.2, 0.8, 0.2, 1).

§5.6a · Document Settle (Style B)
Paper cards land.
Order sheets translate 24px from above, rotating from -3° to their final angle, with a 40ms stagger. Duration 480ms. Never bounce. Used on editorial blog covers and long-form scrolls.
§5.6b · Data Ticker (Style C)
Numbers count up.
Big numerals count from 0 to target over 1200ms, tabular numerals locked. Ledger bars draw left to right in sync, 800ms. Used on stat panels, dashboards, product pages.
Chapter 10 · Downloads & assets

Downloadable files.

Everything you need to publish on-brand. Please never re-export or recreate, always use these originals.

The full brand kit · start here
Full
Brand Kit
Complete zip bundle
All SVG + PNG logos at every size, social templates, palette swatches, Brand Book HTML & PDF · 4.3 MB, 22 files
DOWNLOAD ZIP · 4.3 MB
Brand Book
v1.1 · PDF
Brand Book PDF
Print-ready, shareable. Logo, colour, type, voice, visual language, photography, components, motion. 3.3 MB
OPEN PDF
▸ INTERACTIVE
BRAND BOOK
Brand Book HTML
Interactive, single-file offline version. Open in Chrome to browse chapters. 1.9 MB
OPEN HTML

Logo files · icon mark
eCourtsIndia icon navy
Icon · Navy
Favicon, app icon, small placements
PNG · 1024
eCourtsIndia icon white
Icon · White
Reversed icon for navy, ink, photo backgrounds
PNG · 1024
eCourtsIndia icon mono navy
Icon · Mono Navy
Single-colour for letterheads, stamps, faxable documents
PNG · 1024
eCourtsIndia icon navy small
Icon · Favicon sizes
Smaller exports: 256px and 512px navy for browser icons
PNG · 256

Logo files · horizontal lockup
eCourtsIndia horizontal lockup navy
Horizontal · Navy
Primary lockup for light backgrounds · 2400 x 600 px
PNG · 2400
eCourtsIndia horizontal lockup white
Horizontal · White
Reversed lockup for dark and photo backgrounds · 2400 x 600 px
PNG · 2400
Need SVG masters or raw files? Download the full brand kit zip above. It contains every SVG logo, every PNG size (256 / 512 / 1024 / 2400 px), the palette swatches, and social templates (Instagram story 1080, LinkedIn 1200, social square 1080). For anything missing, email admin@ecourtsindia.com.

Colour tokens · CSS
:root {
  /* Core */
  --navy:     #003557;  /* Court Navy */
  --blue:     #005B94;  /* Writ Blue */
  --gold:     #F59E0B;  /* Gavel Gold */
  --teal:     #0E7C86;  /* Writ Teal */
  --maroon:   #B4472B;  /* Seal Maroon */

  /* Text */
  --ink:      #091420;  /* Body on light */
  --graphite: #242424;
  --slate:    #6B6B6B;

  /* Surfaces */
  --rule:     #E3E9ED;
  --parch:    #FAFAFA;
  --mist:     #E6F5FF;
  --paper:    #FFFFFF;

  /* Tricolour (illustration only) */
  --saffron:  #FF9933;
  --green:    #16A34A;
}

Fonts

All three typefaces are hosted on Google Fonts and free to use commercially.
Source Serif 4 (display & editorial headlines) · Inter (UI & body) · JetBrains Mono (data, CNRs, numerals)