01 — Sans · GT America UI · body · headlines · display — one family carries everything
Aa
The workhorse.
Grilli Type·2012·Neo-grotesque
Swiss neutrality with a warmer, more American rhythm. Readable at 13px in dense file lists, confident at 96px in hero headlines. One family does the work of four — body, UI, labels, display — with only four weights actually in rotation.
Regular
put.io is a private cloud
400
Medium
put.io is a private cloud
500
Bold
put.io is a private cloud
600
Black
put.io is a private cloud
900
Italic
put.io is a private cloud
400i
Uppercase ABCDEFGHIJKLMNOPQRSTUVWXYZ Lowercase abcdefghijklmnopqrstuvwxyz Numerals & punctuation 0123456789   & . , ; : ? ! @ # $ % * + − = / \ | ‹ › « » … —
In product
body 14h1–h4hero 96+ / 900labelsbuttons
Ultra-Light and Light shipped with the family but are not used. Reserve Black 900 with tight -.03em tracking for hero display only.
02 — UI Mono · GT America Mono numerics, timestamps, technical metadata
47.84
Numbers that line up.
Grilli Type·Tabular nums
A direct monospace counterpart to GT America — same skeleton, same x-height, so a transfer speed sits cleanly beside its filename. Every digit is exactly the same width, which means rows of file sizes and ETAs align without any alignment hacks.
Regular
47.84 GB · 02:48:11
400
Medium
47.84 GB · 02:48:11
500
Bold
47.84 GB · 02:48:11
600
Numerals · tabular 0 1 2 3 4 5 6 7 8 9 Units & separators B KB MB GB TB   / : · — |   % °   + − Full set ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
In product
file sizestimestampspercentagesspeedsrow counts
Default to 500 / Medium at 15–22px for transfer metadata. Matches GT America's cap height so the mix reads as one system, not two.
03 — Code Mono · Berkeley Mono code, logs, terminal, identifiers
/usr
For machines and makers.
Berkeley Graphics·2020·Programming
The designer-preferred programming monospace. Crisp at 12px, distinct 0/O and 1/l/I, no accidental ligatures. Used anywhere a developer, sysadmin, or power user is reading — never for body copy.
Regular
magnet:?xt=urn:btih:fa9c7e…
400
Bold
magnet:?xt=urn:btih:fa9c7e…
600
Italic
magnet:?xt=urn:btih:fa9c7e…
400i
Disambiguated glyphs 0 O o   1 l I i   5 S s   8 B   2 Z z Symbols & operators { } [ ] ( ) < >   = ≠ == === !=   -> =>   && ||   /* */ // Full set abcdefghijklmnopqrstuvwxyz · ABCDEFGHIJKLMNOPQRSTUVWXYZ
In product
code blockslogsmagnet URIsAPI keysSHA hashesterminal output
12–15px in UI, 13px in docs. Use for anything the user will paste, copy, or read as a machine-readable string.
04 — Real pairings how the three families share space
Marketing hero
real files.
really yours.
A private cloud for downloads, streaming, and sharing — with the warmth of a file system and the speed of fiber.
Transfer row
ubuntu-24.04.iso
47.84 GB
downloading · 58%
02:48 eta
Sans for name & status, UI Mono for size & time — aligned on the right edge.
Dev · CLI sample
Add by magnet
$ putio transfer add \
    "magnet:?xt=urn:btih:fa9c7e…"
→ queued #41872  ETA 02:48
Sans title, Berkeley for the command & output.
05 — Reference quick lookup for dev handoff
FamilyCSS variableRoleWeights in useNotes
GT America --font-sans · --font-display UI, body, headings, display 400 · 500 · 600 · 900 Default. Black 900 only for hero. Italic 400 available.
GT America Mono --font-ui-mono Numerics, timestamps, technical UI 400 · 500 · 600 Tabular by default. Default to 500 for file metadata.
Berkeley Mono --font-mono Code, logs, identifiers, terminal 400 · 600 · italic Never body. Never UI labels. Only machine-readable text.
On loading
All three families load from static.put.io/fonts/ — the same source as product implementation production. One CDN, zero local font files. We dropped GT America Compressed; one sans family now carries hero display at weight 900.