Design writing that doesn't stop at the basics.

Criticism, inspiration, and working tools, including the CSS Variable Architect for turning a handful of colour and spacing choices into a ready-to-paste set of custom properties, and the True-Contrast Smart Palette for checking a foreground and background pair against WCAG's AA and AAA thresholds and suggesting a fix that keeps the original hue. Like any calculator, it can return a wrong reading if you feed it a stray hex, so treat what it gives you as a starting point, built for designers who've already found their feet and want the next stage explained properly.

Generate a token set with the CSS Variable Architect Check a palette with True-Contrast Smart Palette

What ends up in the feed, and why

A new variable font ships from an independent foundry on a Monday, a studio in Leeds posts a rebrand case study on Wednesday, and a routine plugin update quietly changes how auto-layout behaves by Friday. None of those things belongs to the same category, but a working designer's week rarely arrives sorted into one. The feed is built around that overlap.

What actually lands here

Most entries fall into a handful of recognisable types: a studio releasing new work, a tool shipping an update worth knowing about, a small technical note on something like variable fonts, container queries or design tokens, and the occasional opinion piece on a decision the industry has made without much debate. A rebrand gets covered because of what it changes about how a brand reads at small sizes. The same goes for a tool: an update earns space here when it changes a workflow. If a technical note on tokens leaves you wanting to see the idea working, the CSS Variable Architect generates a root-level custom property block from a handful of base values, colours, a spacing unit, a corner radius, and shows a live preview card built from those tokens as you adjust them. It's a small tool and it can get a value wrong for your particular use case, so treat the output as a starting point to check against your own system.

That tool doesn't tell you whether the colours it generates actually read well against each other, which is a separate question. The True-Contrast Smart Palette takes a foreground and background colour and returns the contrast ratio to two decimal places, along with pass or fail badges for the WCAG accessibility (a11y) thresholds of 4.5:1 and 7:1. Where a pairing fails, it offers a fix for each level that holds the original hue and saturation steady and adjusts only the lightness. When no shade of that hue can actually reach the target against the given background, it says so plainly and falls back to plain black or white. Like the token generator, it's a calculation rather than a design judgement, and it can still hand you a technically-passing colour that doesn't suit the rest of your palette, so it's worth checking the result against the work rather than taking the badge as the last word.

How it's ordered

Newest first, plainly. There's no scoring system deciding what a reader "should" see above something else, because that kind of ranking tends to reward whatever performs well. If a story sits at the top, it's because it happened recently.

Where things go once they've grown

Some stories start as a quick feed item and turn into something longer once there's a genuine argument to make. Sustained critical writing on a rebrand or a systemic industry shift moves to Criticism & Commentary, where there's room to hold a position across a few thousand words. Work that's better shown than argued over sits in Inspiration Showcases instead. And if a piece leans on a term that isn't part of everyday vocabulary, the Design Glossary is where that gets unpacked properly.

None of this is meant to make the feed feel tidier than a real working week is. It's ordered enough to find things again, and loose enough to put a font release next to a piece of design criticism without pretending they're the same kind of story.