1. Built a three-level content structureI organized the guidelines around three levels:
- UI elements: buttons, toggles, input fields
- Screens: empty states, error screens
- Flows: authentication, onboarding
This structure would let us cover both individual elements and the context in which they appear.
2. Identified reusable content patternsWe already had strong examples of microcopy across the app. But the rules weren't always documented or applied consistently.
I reviewed existing UI copy, identified recurring patterns, and turned them into reusable guidelines.
I also aligned the content structure with our more mature design system.
3. Standardized guidelines for each elementFor each UI element, I documented:
- When to use it
- How to write its copy
- Recommended content patterns
- Parts of speech and word limits
- Good and bad examples
For example, here's how the guidelines worked for toggles: