Typography
Two voices, and no third.
Funnel Display says everything plainly: headlines, body, buttons, figures. Instrument Serif Italic turns the voice once per view. Both carry Ñ, because Zanabel speaks two languages.
Families
Two families from the manual. There is no mono face; numbers stay in Funnel with tabular figures.
| Family | Token | Role |
|---|---|---|
| Funnel Display | --font-d | Headlines, body, labels, buttons, data. Regular and Medium only. The wordmark is Medium, never Bold. |
| Instrument Serif Italic | --font-a | A kicker, a quotation, or one showpiece figure. A line, never a paragraph, a button, or a table cell. |
Scale
Eight roles. Larger is tighter. Every sample is editable, so try your own words.
Sizes
The steps we set type at. Type a line to see it at every size.
Weights stop at Medium. Medium already reads stronger on navy than on light.
Numbers
Two jobs, two treatments. A number is either a mark, read once, or data, read in quantity.
Marks read once
One figure as a moment: a deck cover, a section index, a stamp. Sparse on purpose.
Data read in quantity
Compared, aligned, updated. Funnel Display with tabular figures so columns line up. Never Serif Italic in a cell.
- 1,111.11
- 8,880.08
- 412.70
- 17,001.19
- $11.10
- $98.04
- $1,140.00
- $7.71
Switch to proportional and watch the columns drift. Data is always tabular.
Styling
The settings that make the two faces read as one system.
| Setting | Rule |
|---|---|
| Tight display | Headings carry negative tracking. Larger is tighter, with a floor near −0.035em. |
| Untracked serif | Never track Instrument Serif Italic. It is drawn to sit as is. |
| Roomy body | Body at normal tracking, 17 over 1.55, in Light 68%. |
| Measure | Keep a reading column near 38rem so the eye finds the next line. |
| Sentence case | Buttons, headlines, and cards. Uppercase only for labels and indices, tracked open. |
| Weight ceiling | Regular and Medium. Never heavier on dark to compensate. |
Misuses
Six ways to break the voice. Tap a card to see it set right.