The system behind Saathi — calm enough to trust with a pension, precise enough to feel world-class, and built for every script India reads.
- Base
- #FFFFFF
- Scripts
- Latin · Devanagari · Bengali · Tamil
- Standard
- Designed to WCAG 2.1 AA · GIGW 3.0 · UX4G
01 — Brand
Two arcs and a point.
Saffron and navy arcs are companionship and an open door; the green point is the citizen they hold. The tricolour, abstracted — no national emblem required.
Tiro Devanagari carries the wordmark — the one expressive face in an otherwise precise system.
The mark
Tricolour rule — saffron · chakra point · green. A 2px signal, never decoration.
Saathi AI — the orb
Idle
Aurora drifts, disc breathes
Listening
Ripples reach outward
Working
Arcs trace in and out
Responding
Arcs pulse with speech
02 — Colour
White first. Colour means something.
Palette logic follows UX4G, the Government of India design system. Each chip shows its contrast as text on white — every text pairing in the product is tested to WCAG 2.1 AA in code.
Chakra Navy
Primary action, links, focus, authority
Saffron
Highlight and glow — text only at 700
India Green
Success, approved, verified
Neutrals
White base, cool greys, ink
Action
Apply now
white on navy-600 · 8.22:1
Attention
Due in 3 days
saffron-700 on saffron-50 · 4.70:1
Outcome
Approved
green-800 on green-50 · 7.67:1
03 — Typography
Four scripts. One voice.
Geist sets Latin with tight, confident tracking. Anek — by Ek Type, an Indian foundry — sets Indic headlines; Noto Sans, recommended by UX4G, carries Indic body text at a 1.8 line height.
Latin
Geist / GeistOne door to every service.
Tell Saathi what you need. It finds the right scheme, fills the form and keeps your receipt.
Devanagari · Hindi
Anek Devanagari / Noto Sans Devanagariहर सरकारी सेवा का एक द्वार।
साथी को बताइए आपको क्या चाहिए। वह सही योजना खोजता है, फ़ॉर्म भरता है और रसीद संभाल कर रखता है।
Bengali · Bangla
Anek Bangla / Noto Sans Bengaliপ্রতিটি সরকারি পরিষেবার একটি দরজা।
সাথীকে বলুন আপনার কী দরকার। সে সঠিক প্রকল্প খুঁজে দেয়, ফর্ম পূরণ করে এবং রসিদ রেখে দেয়।
Tamil
Anek Tamil / Noto Sans Tamilஒவ்வொரு அரசு சேவைக்கும் ஒரே கதவு.
உங்களுக்கு என்ன வேண்டும் என்று சாத்தியிடம் சொல்லுங்கள். சரியான திட்டத்தைக் கண்டு, படிவத்தை நிரப்பி, ரசீதைப் பாதுகாக்கும்.
Editorial accent — Instrument Serif
One door to every service.
Used for a single emotive word per headline, Latin only.
Data — Geist Mono
✓ DigiLocker.fetch("birth_record") · 1.2s
→ Ref SAA-2026-457029
● SLA 7 working days
04 — Iconography
One family. Three weights.
Phosphor throughout: regular for interface chrome, duotone on tinted tiles for services and life moments, fill for the active tab. A consistent grammar a citizen learns once.
Sizes
05 — Imagery
No stock photos. No maps.
Saathi's imagery is generated in code: kolam linework from the dot grids drawn at Indian thresholds every morning and guilloche from the security print on our currency — always on pure white. Distinctive, weightless, and impossible to get wrong on a border.
Sikku kolam · woven
Pulli kolam · diamond
Kolam · drawn live
Guilloche on identity
Rakesh Verma
XXXX XXXX 6721
Kolam texture on white
06 — Motion
Fast where you act. Slow where you feel.
Interface motion stays under 300ms with strong ease-out and interruptible springs. Storytelling motion is allowed to breathe. Everything collapses to gentle fades for people who prefer reduced motion.
Word reveal · space-split, safe for Indic conjuncts
Aadhaar numbers generated (approx.)
Scheduled languages
Viksit Bharat
Tokens
- tap
- spring 0.25s · bounce 0Press feedback
- ui
- spring 0.35s · bounce 0.08Menus, cards
- layout
- spring 0.5s · bounce 0.14Shared-element morphs
- cinematic
- 0.9s · cubic-bezier(0.16,1,0.3,1)Scroll stories
Stagger · 40ms
Pinned scroll scene · keep scrolling
useScroll → useTransform0%
07 — Components
Pressable, legible, honest.
Every control answers a touch within a frame. Status is always said in words, never colour alone.
Buttons
Badges