Website of the week:

Fluid type scale calculator
Fluid responsive design
https://utopia.fyi/type/calculator/

Cards: How a 3×5 Rectangle Conquered Screen Design
A card packs everything about one item (image, title, key facts, action) inside a clearly bounded rectangle that the user’s visual system sees as a single object, which is why cards excel at presenting browsable collections of self-contained things. But boxing everything produces flabby layouts with pitiful information density, and now that AI makes cards that no designer ever inspects, the old guidelines need a new enforcement mechanism.
https://www.uxtigers.com/post/card-pattern

Let your designs fail for the right reasons – Firefox UX
How AI-assisted native prototypes changed what usability testing could show me.   If you've ever simplified an interaction just to make a prototype manageable, you've probably felt the tension between ...
https://blog.mozilla.org/ux/2026/08/let-your-designs-fail-for-the-right-reasons/

Design Tokens, Web Components, and CSS @layer
Use design token metadata to generate :host defaults and :defined overrides for Shadow DOM web components.
https://www.alwaystwisted.com/articles/design-tokens-and-web-components

CSS Units — The Complete Reference
A complete interactive reference to every CSS measurement unit. From the basics of px and rem to the nuances of svh, dvh, and cqw.
https://cssunits.com/

Design’s Legibility Gap
https://www.petermerholz.com/newsletter/designs-legibility-gap/

WordPress 7.1 Introduces Responsive Styling, Client-Side Media Processing, And More
WordPress 7.1 “Mary Lou,” the second major release of the year, has been released, named after pioneering jazz pianist, arranger, and composer Mary Lou
https://wp-content.co/wordpress-7-1-introduces-responsive-styling-client-side-media-processing-and-more/

From Barbie logos to medieval manuscripts: step inside Teddy Blanks’ film title design process
Teddy Blanks, the Chips co-founder behind the title sequences for Barbie, Weapons and Robert Eggers’ upcoming Werwulf, explains how eBay dolls, hidden AA symbolism and a 14th Century manuscript all found their way into his lettering.
https://www.itsnicethat.com/features/teddy-blanks-chips-film-title-typography-graphic-design-spotlight-240826

Make your logo brighter than white
Upload a logo, choose what glows, download an HDR JPEG. Free — nothing is stored.
https://www.soverybright.com/

Your traffic is fine. Your signups aren't.

Visitors land and leave, and "looks fine to me" isn't a diagnosis. SureThing audits SEO, speed, mobile, and messaging against the page, then ranks the fixes by impact.

See the Audit

Some Favorite Things

CODEPEN Pen of the Week