Operations work, made calm and premium. Editorial, warm, low-key. This page is the visual reference. The written spec lives in design-system.md and the tokens in css/brand.css.
Color
Terracotta is an accent, not a workhorse. Sand and sage exist to give social carousels slide variety. The site stays mostly cream, white, and ink.
Typography
Systems that run your business.
Operations infrastructure for scale.
Notion system design
no more spreadsheet chaos
Inter carries the explaining. Clear, quiet, and readable. Bricolage Grotesque makes the statement, Inter does the talking, and Caveat adds the one human touch.
Motifs
Components
Pills
Card
Connected databases and workflows built around how your team actually works.
Inverted panel
Social
Carousels and posts use the exact tokens above. Templates live in social/. Rotate cream, sand, ink, and terracotta across slides for rhythm, keep one idea and one accent per slide, and keep the wordmark and handle on every frame.