put.io · type · families

01, Sans · GT America UI · body · headlines · display, one family carries everything

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, Mono · Berkeley Mono numerics, timestamps, code, logs, terminal, identifiers

/usr

For machines and makers.

Berkeley Graphics·2020·Programming

The designer-preferred programming monospace, doing double duty as the system's numeric face. Crisp at 12px, distinct 0/O and 1/l/I, no accidental ligatures, and dead-even tabular figures so file sizes and ETAs line up in a column. Anywhere a number, code, or machine-readable string appears, 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

file sizestimestampsspeedscode blockslogsmagnet URIsSHA hashes
12–15px in UI, 13px in docs. Carries every number (sizes, ETAs, counts) as tabular figures, plus anything the user will paste, copy, or read as a machine-readable string.

03, Real pairings how the two 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, Berkeley 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.

04, Reference quick lookup for dev handoff

Family	CSS variable	Role	Weights in use	Notes
GT America	--font-sans · --font-display	UI, body, headings, display	400 · 500 · 600 · 900	Default. Black 900 only for hero. Italic 400 available.
Berkeley Mono	--font-mono	Numerics, timestamps, code, logs, identifiers	400 · 500 · 600 · italic	Tabular by default (500 for metadata). Also all code & machine-readable text. Never body, never UI labels.