TypographyCraft note
The quiet power of line-height
Most text that feels cramped is not too small. It is packed too tightly, and one number fixes it.
By Nadia Brandt4
Notes from the edge of the stylesheet
Short essays about CSS, type and the small decisions that make interfaces feel calm.
A miniblog kept by two people who spend too long adjusting line-height. New notes most weeks, never longer than a coffee.
Latest notes
LayoutField report
Container queries, one year in
We rebuilt a card component around the container instead of the viewport, and the design system got smaller.
By Theo Marchetti6
ColourColour
Designing with oklch
Perceptual lightness means a palette that stays even when you shift the hue. It also means fewer muddy greys.
By Nadia Brandt5
LayoutLayout
Grid without the guesswork
Named lines turn a grid from a set of numbers into something you can read six months later.
By Theo Marchetti4
MotionMotion
Motion that respects the reader
Animation should explain where something came from. Anything longer than that is a delay wearing a costume.
By Theo Marchetti3
TypographyOpinion
Why we stopped fighting the cascade
Cascade layers gave us the one thing scoped styles never did: a predictable order we chose ourselves.
By Nadia Brandt7
Filed under
- ColourChoosing hues that survive a dark theme
- LayoutGrids, boxes and the space between
- MotionMovement with a reason to move
- TypographySetting text so it reads itself