Functional foundation · Field guide
Visual and content systems
Create a coherent language of components, hierarchy, voice, and reusable decisions.
Visual and content systems make quality repeatable. They connect tokens, components, patterns, terminology, voice, accessibility, governance, and contribution so a product feels coherent without making every context identical.
Ways to practise the skill.
Choose methods because they reduce the uncertainty in front of the team—not because a template says they belong in the process.
Interface inventory
Collect repeated visual and content patterns, then identify drift and consolidation opportunities.
Helpful whenA product has inconsistent components, labels, or interaction language.Design tokens
Encode foundational decisions such as colour, type, spacing, motion, and semantics.
Helpful whenMultiple products or platforms need consistent, maintainable foundations.Content model
Define reusable content types, fields, relationships, constraints, and ownership.
Helpful whenContent must travel across channels or be governed over time.Pattern documentation
Explain purpose, anatomy, behaviour, content, accessibility, and when not to use a pattern.
Helpful whenA library exists but teams apply it inconsistently.Continue into the field.
Practical standards and method guidance from established sources.