Design & Color Editor
DD=3 posts
Color spaces, contrast ratios, CSS generators, image formats and aspect ratios — written for working designers who want the practical answer, not a 1500-word intro.
Design Desk
OKLCHHSLHEXWCAG contrastCSS gradientsimage formatsPNGJPGWebPSVG
- Design
Font size, line height, letter spacing — the typography triangle
Three CSS properties that change together: getting one right means tuning the other two. The numbers that work, and why.
Read - Design
OKLCH for designers: why switch from HSL
HSL's saturation and lightness lie to you. OKLCH doesn't. Here's what you gain in 5 minutes of learning a new syntax.
Read - Design
PNG vs JPG vs WebP: pick the right image format in 2026
WebP wins most of the time now. Here's when to still reach for PNG (alpha + crisp edges) or JPG (massive photos, universal support).
Read