This is the visual layer, the raw materials everything else is built from: space, type, colour, corners, depth and icons. None of it is decoration. It decides whether a screen feels calm or busy and whether text is easy to read, usually before anyone has clicked anything.
Most of these essays share one idea. Make fewer choices, and make them on purpose. Pick spacing and sizes from a short scale instead of guessing each time, then trust your eye where the maths falls short. A circle that's centred by the numbers can still look off, and a palette that passes every contrast check can still be hard to read.
Pick your spacing from a short list and layouts start to feel deliberate.
A rounded box inside a rounded box needs a smaller radius. Here's exactly how much.
Centered by the numbers and centered to the eye are rarely the same place.
A handful of sizes, related by a ratio, beats a dozen sizes picked one at a time.
How wide a line is and how far apart lines sit decide whether people keep reading.
HSL lies about lightness. OKLCH doesn't, and your palettes get easier to build.
Passing a contrast check is the floor. Readable is the goal.
Shadows carry depth in light mode. In dark mode, surfaces have to do it.
An icon next to text should look like it belongs to the same typeface.