Foundations3 of 7
Type
Three families from TJ's books: Archivo for the page's structure, IBM Plex Sans for the interface and running text, IBM Plex Mono for what the model produced.
Three families
Archivo · the page's structure
The Next-Token Loop
IBM Plex Sans · the interface and running text
A large language model writes one small piece of text at a time.
IBM Plex Mono · what the model produced, and data
Once upon a time, in
Label · metadata, in sentence case How It Actually Works · Guide 1 of 5Two scales
| Role | Workstation | Slideshow | Used for |
|---|---|---|---|
| --ds-type-h1 | 48 | 56 | A page's title |
| --ds-type-h2 | 28 | 56 | A section's heading; a slide's headline |
| --ds-type-h3, -lede | 20 | 28 | Subheadings, the opening paragraph |
| --ds-type-body | 16 | 28 | Running text |
| --ds-type-ui | 14 | 20 | Controls, tables, cards |
| --ds-type-small, -caption | 13, 12 | 20 | Notes, captions |
| --ds-type-label | 13 | 20 | Labels: metadata, in sentence case |
The slideshow scale is the Reposar Method's three sizes: 56 for headlines, 28 for body, 20 for everything smaller. It applies wherever data-ds-context="slideshow" is set, as presentation mode does.
Case
Sentence case everywhere: headings, buttons, menu items and labels. Labels are small and gray in the text face; the full lockup is the only place for capitals. Decided