Foundations · Typography
Typography
Round 2 (locked): Ranade for display, Satoshi for body, JetBrains Mono for code.
Both Ranade and Satoshi are by Indian Type Foundry — the same studio. The alignment isn't decorative; it ties the brand's Indian heritage into the type system itself.
The pairing in use
Run your agency in rhythm.
Espanda is the operating system for digital agencies. One workspace, six modules, named AI agents inside each, a single shared context layer. Built to expand.
The three families
Satoshi
Espanda is the operating system for digital agencies.
JetBrains Mono
const espanda = createOS({ agency: true })
Type scale
| Token | Size | Sample (display) |
|---|---|---|
| xs | 12px | The quick brown fox |
| sm | 14px | The quick brown fox |
| base | 16px | The quick brown fox |
| lg | 18px | The quick brown fox |
| xl | 20px | The quick brown fox |
| 2xl | 24px | The quick brown fox |
| 3xl | 30px | The quick brown fox |
| 4xl | 36px | The quick brown fox |
| 5xl | 48px | The quick brown fox |
| 6xl | 60px | The quick brown fox |
Display alternatives
Same headline, four typefaces. Use this view to validate the pick or override it. All four are free Fontshare typefaces from Indian Type Foundry.
Ranade
PickedITF · FontshareYour agency runs on 30 tools. It shouldn't.
The pick. Distinctive without being precious.
General Sans
ITF · FontshareYour agency runs on 30 tools. It shouldn't.
Cleaner cousin to Ranade. Familiar, less character.
Switzer
ITF · FontshareYour agency runs on 30 tools. It shouldn't.
Modern grotesque. Excellent at heavy weights, less personality.
Cabinet Grotesk
ITF · FontshareYour agency runs on 30 tools. It shouldn't.
Bolder, more condensed. Stronger headline punch.
To override the pick
Edit lib/tokens.ts, swap typography.family.display.name to one of the alternatives, and update the fontFamily.display stack in tailwind.config.ts. All four fonts are already loaded in app/globals.css, so the swap is instant.