Typography.
PP Supply Mono Ultralight for display and numerics. Bai Jamjuree for body and UI. Tight tracking, tabular figures, never decorative.
The size rhythm: 12 / 14 / 15 / 17 / 20 / 24 / 32 / 48 / 56 / 72px. Line-height tightens as size grows.
| Size | Role | Specimen |
|---|---|---|
| 12px | Caption · footnote | Footnote — issuing bank disclosure |
| 14px | Body small · UI | Recent transactions |
| 15px | Body | Spending data refreshed successfully. |
| 17px | Body large · lede | The most rewarding card for growing your business. |
| 20px | Subhead | New here? |
| 24px | Section title | Avg overcharge rate |
| 32px | Page heading | Cards |
| 48px | Hero (mid) | $2M+ daily limits |
| 56px | Hero (page header) | Dashboard |
| 72px | Display | BUILT FOR GROWTH |
- Sentence case
Default for everything in the UI: page titles, buttons, menu items, table headers, body. Recent transactions, not Recent Transactions.
- Title case
Reserved for proper nouns and product names. Dash.fi, Bill Pay, Cash Advance.
- UPPERCASE TRACKED
The brand mannerism. Display headings (PP Supply Mono Ultralight), section labels (11px / 0.15em), stat labels.
PP Supply files are licensed from Pangram Pangram. Self-hosted only on dash.fi-owned surfaces.
PP Supply Mono and PP Supply Sans are commercial fonts licensed from Pangram Pangram . They may be self-hosted on dash.fi-owned surfaces and used in deliverables produced for Dash.fi. Partners and press should not redistribute the font files.
Bai Jamjuree is licensed under the SIL Open Font License (OFL) and redistributable.
Use sentence case for UI: page titles, buttons, menu items, table headers.
Use UPPERCASE TRACKED only for display headings, section labels (11px, 0.15em), and stat labels.
Use tabular numerics (font-variant-numeric: tabular-nums) for every number — currency, dates, counts.
Don't use exclamation marks in product UI. Marketing celebrations are a rare exception.
Don't set body copy in the display font. PP Supply Mono Ultralight is for hero, not paragraphs.
Don't use proportional figures in tables. Tabular figures only — alignment is non-negotiable.