CSS
2 issues tagged with this topic.
Designing gradients that look good: interpolation, stops, and perceptual smoothness
A gradient between two colors should look smooth, but CSS linear-gradient often produces a muddy, desaturated band through the middle of the transition. The problem is that CSS gradients interpolate in sRGB space, which is not perceptually uniform — the midpoint of a red-to-blue gradient passes through a desaturated purple-gray, not a vibrant purple. Modern CSS now offers interpolation in perceptually uniform spaces like OKLCH and OKLab, which produce gradients that stay saturated and visually smooth across the entire range. Understanding this system changes how you design gradients.
Color token naming in design systems: semantic, literal, and the tier model
The names you give color tokens determine how easily a design system scales and how safely its colors can be changed. A design system with tokens named after their visual appearance (--color-blue-500) works until the brand's primary color changes from blue to teal, requiring updates across hundreds of callsites. A system with semantically named tokens (--color-action-primary) allows the underlying value to change without renaming anything. The tier model — values, decisions, and components — provides a systematic framework for naming that serves both needs.