Read without zooming

Headings must wrap naturally and body copy needs comfortable spacing. Check narrow phones as well as larger devices, and make sure long words and buttons stay within the screen.

Make navigation obvious

Use recognisable labels and generous touch targets. Menus should open, close and return visitors to the page without trapping their focus or leaving the screen locked.

Test the real content

Long titles, portrait images and validation messages often reveal problems that empty layouts hide. Check these states before calling a page complete.

Keep the page light

Resize photography for its display size, defer below-the-fold images and avoid heavy decoration. Motion should support the experience and respect reduced-motion preferences.

Prepare your project brief