Blog

Blog

13 articles

The hero image should stay where we put it

Pages that jump while loading lose people. Reserve the hero’s space, trace each shift to its real cause, steady fonts and late content, then test again.

#CLS

The layout looked great until someone added a proper headline

Real content brings long headlines, missing photos and stubborn names. Fix the component when normal content breaks it and explain limits where they are needed.

#Content design

Which parts of a custom WordPress theme should editors control?

Templates, ACF sections or blocks: choose the editing model around the work editors repeat, make local and shared changes clear and test with difficult content.

#ACF

The mobile hero deserves its own crop

On desktop the hero shows the building; on mobile, a hedge. Decide what the image must show, try a focal point, then use art direction where it earns its place.

#Art direction

Design feedback works better when everyone can find the thing

WordPress 6.9 adds block Notes. Choose a review surface for each decision, tell a sentence change from a component change and confirm the fix on the page.

#Design feedback

Your WordPress theme and design file should agree on what blue means

Design tokens give colours, type and spacing one shared name. Name the job before the value, map the tokens into theme.json and check a real page.

#Brand colours

The WordPress editor is part of the website experience

After launch, the people updating the site are users too. Start with an ordinary update, make controls match decisions and rehearse the handoff together.

#ACF

WordPress 6.8’s Style Book is a useful place to find the odd button

The refreshed Style Book in WordPress 6.8 previews your styles in one place. Trace each odd button to its source and check that the live site follows the same rules.

#Design systems

WordPress 6.7 typography: give the words room to breathe

WordPress 6.7 adds font-size presets, including fluid sizes. Design the reading hierarchy first, name presets for editors and test where real content lives.

#Accessibility

WordPress 6.6 makes reusable sections more useful to editors

Pattern overrides in WordPress 6.6 let one card’s text change while the design stays shared. Separate local from shared, test both edits and compare with ACF.

#ACF

The design handoff is where the interesting questions start

A design file shows one moment; the browser asks about spacing, sizes in between, states and editing. Try one component in the browser to answer them early.

#Components

A useful design system can fit a small WordPress website

You don’t need enterprise ceremony. Settle the foundations, build sections around content jobs and make the component library useful to editors.

#Branding

Turn reading into results

Like what you’re reading? Let’s put it to work on your brand.