Intempus

Colophon

The typography, palette, and craft behind intempus.org.

Palette

A single warm cream-toward-white background. The base palette is fixed,

--color-bg
--color-bg-elevated
--color-surface
--color-fg
--color-fg-muted
--color-fg-faint

... but the page can be tinted to any color in the field below. Move your cursor to blend hues from the nearest points; click to commit — the tint holds across navigation and resets on refresh.

valence activation Joy Amusement Satisfaction Admiration Adoration Romance Calmness Aesthetic Appreciation Relief Excitement Interest Entrancement Surprise Awe Nostalgia Sexual Desire Craving Awkwardness Confusion Anxiety Fear Anger Disgust Boredom Sadness Horror Empathic Pain
move your cursor

Typography

The site is set in three typefaces. Headings and display lockups use Crimson Pro, a humanist serif designed for the web by Sebastian Kosch. Body text is Newsreader, a variable serif from Production Type optimized for long-form reading on screens. Monospace chrome, navigation, metadata, subtitles, is JetBrains Mono.

Intempus
Face
Crimson Pro Variable
Role
Display, headings
Weight
400 regular, 500 medium
Emotionally intelligent machines
Face
Newsreader Variable (var wght 200–800)
Role
Body text, essays
Size
17px, 1.85 leading
intempus.org
Face
JetBrains Mono Variable
Role
Metadata, navigation
Weight
400 regular

Thanks

Edward Tufte, whose books on information design shaped the typographic decisions here. Dave Liepmann, whose tufte-css established the pattern library this one descends from.