Theming
Designing a token system that survives dark mode
Four tiers per hue, and why a value tuned as a background is unreadable as text.
Read more: Designing a token system that survives dark modecss
4 posts
Components
Building a component that is square on purpose
Corners are a token, not a decision made 40 times.
Read more: Building a component that is square on purpose
Dark mode
Painting the right theme before the first frame
Why the dark palette ships in CSS, and what the four lines of inline script are actually for.
Read more: Painting the right theme before the first frame
Typography
A type scale for interfaces that shout
Seven steps, one ratio, and why the body size is 16px even in a 1995 costume.
Read more: A type scale for interfaces that shout