Culture & More

Design & Creativity

Visual culture, tools, and the creative process

Stories
109
stories
Sources
9
sources
Page
Page 5 of 6
Updated hourly

Why Owl Post covers Design & Creativity

Design coverage tilts toward portfolio showcases and tool-launch announcements. The coverage that is actually useful to people who work in design or think seriously about visual culture takes more hunting.

Owl Post reads design with attention to where practice is actually changing. AI is reshuffling creative workflows faster than most design publications are acknowledging clearly. The gap between what design tools can do now and what most practitioners have integrated is widening in ways that are worth understanding. At the same time, the craft fundamentals of typography, layout, color, and visual communication have not changed, and the work of understanding them deeply remains as relevant as ever. Owl Post covers both: the tooling layer and the craft layer, and the honest conversation about how they interact.

Read the full Design & Creativity briefing

The beat covers graphic and visual design, UX and product design (including the software tools and the professional practice), brand identity and the strategic decisions behind it, architecture and industrial design where the stories are significant, and the broader visual culture including illustration, photography, and the design of physical environments. Owl Post reads design publications with serious editorial standards, practitioner writing from working designers, and the technology press covering creative software.

Your digest adapts to how you engage with design. If you want the tooling-focused, what-is-worth-using framing that helps you evaluate what to add to your workflow, it reads that way. If you want the essayistic, culture-aware approach that treats design as a lens on how things get made and why they look the way they do, that register is available.

A daily design digest. Tools, craft, visual culture, and the conversations shaping where the field is going.

Why lightening a hex color in RGB gives you grey (and the HSL fix)

Your brand color has one hex value. A design system needs about nine: a light tint for hover backgrounds, a dark shade for pressed states, something in between for borders. The obvious way to generate them is to nudge the RGB channels up and down. It looks fine until you put the swatches side by side and notice the light end has gone grey and the dark end has gone muddy. Here's why that happens, and how to build a scale that actually stays on-hue. Take a saturated blue and lighten it the naive way — push every channel toward 255: const lighten = (r, g, b, amount) => [ Math.round(r + (255 - r) * amount), Math.round(g + (255 - g) * amount), Math.round(b + (255 - b) * amount), ]; lighten(37, 99, 235, 0.6); // #2563eb at 60% → [168, 192, 243] That result, #a8c0f3, isn't a lighter version of the same blue. As all three channels race toward 255 they converge, and the gap between them — which is what carries the hue — shrinks. The color desaturates on its way up. Do the same trick downward toward 0 and the channels collapse together again, so your dark shades drift toward a dead near-black instead of a rich navy. RGB is a hardware model. It describes how much light each phosphor emits, not anything a human would call "the same color but lighter." Lightness and hue are tangled together in it, so you can't move one without disturbing the other. HSL splits a color into Hue, Saturation, and Lightness. If you convert your brand color once, you can slide L up and down while H and S stay put — which is exactly the "same color, different brightness" operation you actually wanted. function hexToHsl(hex) { let [r, g, b] = hex.match(/\w\w/g).map((x) => parseInt(x, 16) / 255); const max = Math.max(r, g, b), min = Math.min(r, g, b); const l = (max + min) / 2; let h = 0, s = 0; if (max !== min) { const d = max - min; s = l > 0.5 ? d / (2 - max - min) : d / (max + min); if (max === r) h = ((g - b) / d + (g `hsl(${h.toFixed(0)} ${s.toFixed(0)}% ${l}%)`); } scale("#2563eb"); // hsl(217 83%

dev.to

Get Design & Creativity delivered to your inbox

Owl Post delivers a personalized design & creativity digest every morning, curated by AI, written in your voice.

Get your free digest
More in Culture & More
Explore other beats
From the Owl Post blog