GuidelinesGuidelinesFont family, weights, and every type scale from the source platform.
This platform's brand font. Loaded here via next/font/local as a variable font (weights 300–900) — see app/layout.tsx. Every heading and body line on this site is already rendering in it.
The quick brown fox jumps
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Or install it via the CLI:
npx chandra-asri-ui add fontsBundled for convenience from the source platform's assets. Satoshi is distributed by Fontshare — check their license page before redistributing it further or embedding it in a resold product.
| Token | Value |
|---|---|
| regular | 300 |
| medium | 400 |
| bold | 700 |
The .h1–.xs classes from globals.css on the source platform — headings use font-title font-bold, body text uses font-sans.
.h1 — 40px / 48px
.h4 — 28px / 36px
.p — 18px / 24px
.b2 — 14px / 16px
| Token | Size | Line Height |
|---|---|---|
| .h1 | 40px | 48px |
| .h2 | 36px | 44px |
| .h3 | 32px | 40px |
| .h4 | 28px | 36px |
| .h5 | 24px | 32px |
| .h6 | 20px | 28px |
| .p | 18px | 24px |
| .b1 | 16px | 20px |
| .b2 | 14px | 16px |
| .s | 12px | 16px |
| .xs | 10px | 12px |
A second, larger scale (d1–s) defined directly in Tailwind's fontSize config on the source platform. All letter-spacing is 0.
| Token | Size | Line Height |
|---|---|---|
| d1 | 96px | 110px |
| d2 | 72px | 84px |
| d3 | 60px | 72px |
| d4 | 56px | 68px |
| h1 | 48px | 60px |
| h2 | 36px | 44px |
| h3 | 32px | 44px |
| h4 | 28px | 40px |
| h5 | 24px | 36px |
| p | 20px | 32px |
| b1 | 18px | 30px |
| b2 | 16px | 28px |
| s | 14px | 26px |
| Token | Size | Line Height |
|---|---|---|
| .h1-m | 24px | 32px |
| .h2-m | 20px | 28px |
| .h3-m | 18px | 24px |
| .h4-m | 16px | 20px |
| .h5-m | 15px | 16px |
| .h6-m | 14px | 16px |
| .p-m | 13px | 16px |
| .b1-m | 12px | 16px |
| .b2-m | 11px | 16px |
| .s-m | 10px | 12px |
| .xs-m | 10px | 12px |