
Content Design System
Breaking content into digestible components
I worked within the component-first approach in Figma, writing copy shaped for its container from the start. Long text was broken into structured components: short headings, focused body copy, clear CTAs, each doing one job, matched directly to the design.
Component types
Navigation labels & page titles
Error messages
Empty states & loading copy
Writing principles
Plain English, 9th grade level
Active voice throughout
Task-oriented, user-first language
Mobile-first length considerations
UX Writing in Practice
Before & after: real copy decisions
Each revision validated through the Copilot reading level agent. Details generalised.
01 · Error message: repair request form
Before: "Your submission could not be processed due to an unexpected system error. Please attempt resubmission or contact the relevant department."
After: "Something went wrong and your request wasn't sent. Please try again, or call us if the problem continues."
Note: Passive voice at 13th grade → clear problem, concrete next step, under 20 words.
02 · Navigation label: Scotland site
Before: "Residential Property Procurement and Allocation Services"
After: "Find a home"
Note: Internal terminology → user language. Task-oriented, works at every screen size.
03 · Empty state: no search results
Before: "No properties matching your specified criteria were identified within the selected parameters."
After: "No homes found. Try changing your filters or search in a different area."
Note: Jargon removed, situation acknowledged plainly, path forward offered immediately.
Key takeaway
Every revision confirmed measurably accessible via the Copilot agent, not just clearer in feel.





