Prevent awkward heading breaks from hiding meaning

What to change

Ask the supplier to make headings wrap naturally while retaining a clear visual hierarchy.

A worked example

Illustrative example

A service heading occupies three readable lines on a phone and leaves a clear gap before its introduction instead of colliding with the next block.

How to check the result

Accept when headings stay complete, understandable and visually separate from adjacent content across the supported size range.

A mistake to avoid

Inserting fixed line breaks to repair one screenshot can create unnatural fragments at another screen width.

Your action checklist

Use these checks to prepare a discussion with your team or supplier. Tick a check when you have recorded the decision or evidence, rather than when a feature has simply been promised.

Decisions to recordInspect the longest page headings at several narrow widths rather than checking only one phone preset. Look for overflow, isolated letters and overlapping following content.Enlarge the text and repeat with a longer realistic heading in the same template. Ask the supplier to demonstrate the layout's tolerance.Check linked headings and headings beside icons. Their full text and any focus indicator should remain visible after wrapping.

Evidence, open questions and decisionsNext action and responsible role

Entries stay in this page and are not submitted to Kay & Co. Download your notes before leaving; the page does not save them.