Typography
The typeface, sizes and weights Lime uses for every word and number.
Font
font-semibold600, headings and titlesSave for a tripfont-medium500, controls and labelsSend moneyfont-normal400, everything elseMove $50 to savings every Friday.tabular-numsFigures that change or line up$1,240.00 $18.40font-monoCode and keys onlynpx shadcn add @lime/button
Scale
text-xsDue in 3 daystext-smSend moneytext-baseMove $50 to savings.text-lgNo transactions yettext-xlRename goaltext-2xlYour goalstext-3xl1,240
| Class | Size | Line | Job |
|---|---|---|---|
text-xs | 12px | 16px | Captions, hints |
text-sm | 14px | 20px | Controls, dense body |
text-base | 16px | 24px | Prose, messages |
text-lg | 18px | 24px | Card titles |
text-xl | 22px | 28px | Section headings |
text-2xl | 28px | 34px | Page title |
text-3xl | 36px | 42px | Display figure |
Tokens
16 tokens
--font-sans- "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif
--font-mono- ui-monospace, "SF Mono", Menlo, Consolas, monospace
--text-xs- 12px
--text-sm- 14px
--text-base- 16px
--text-lg- 18px
--text-xl- 22px
--text-2xl- 28px
--text-3xl- 36px
--leading-tight- 1.2
--leading-snug- 1.35
--leading-normal- 1.5
--tracking-tight- -0.01em
--weight-normal- 400
--weight-medium- 500
--weight-semibold- 600