AI-assisted editorial with original illustrative UI. Examples are fictional; no client performance or user-study results are claimed.
Design the next decision, not just the first application
A visual identity is a system when a team can use it to make a new touchpoint without reinventing the brand. The logo is an important asset, but it cannot decide how a dense product screen should read, how a service failure should sound or how a small label should work. Those decisions depend on relationships between typography, colour, imagery, composition and behaviour.
Our practical test is to give someone a new format that was not in the launch presentation. Can they produce something recognisably related without copying an existing layout? If the only instruction is “make the logo bigger,” the identity may be a collection of applications rather than a usable system.
Define what stays stable and what can change
For a fictional learning brand, we might keep a compact wordmark, a strong typographic hierarchy, a generous spacing rhythm and one distinctive framing device. Accent colour and image scale could vary by subject. These are proposed rules for the demonstration, not borrowed guidelines from an existing client brand.
A useful system names the stable relationships. A heading remains clearly more important than its supporting text. Functional labels stay readable. A frame can connect a poster and a product card without forcing the same composition onto both. The goal is controlled variation: enough freedom for context, enough continuity for recognition.
Give colour a job
A palette alone does not explain how colour should behave. Define roles such as background, text, primary action, accent and error. Then decide which roles may change across themes or campaigns. Carbon’s colour documentation distinguishes role-based tokens from the values assigned by a theme. [1] The distinction is useful beyond a particular component library.
In our sample, changing the accent updates an identity element across an app, a website and a printed card. Body text stays a readable neutral; the chosen accent is not automatically reused for every label or warning. A real team would validate contrast for its actual combinations and define fallbacks for print, low-quality displays and monochrome reproduction.
A logo without shared rules
Each surface chooses a different hierarchy, colour and composition.
One coherent identity system
Shared type, colour, symbol and layout rules across web, app and print.
A small identity system
Try the controls. This is an original, local prototype using fictional sample data.
Make typography a working hierarchy
A typeface does not become a hierarchy until its roles are clear. Define display, reading text, labels and supporting information. Test a long headline, a short legal note and a Persian line with different word lengths. Decide what can wrap and what must remain together before designing the ideal hero composition.
The demonstration changes a typographic treatment while preserving the order of information. It is intentionally small: a system that only works when text has a convenient length will become fragile in localisation and everyday production. Document fallback fonts, language coverage and spacing expectations, not just the font shown in the brandbook.
Connect imagery and motion to purpose
A photographic style should say more than “premium.” Describe the subject, viewpoint, light, composition and the role the image plays beside information. A documentary image and an abstract illustration can belong to the same identity if their use is deliberate and their relationships remain recognisable.
Motion needs the same discipline. Name its job: orient a user, show continuity, acknowledge an action or establish a tone. Define an accessible reduced-motion alternative. A constant animated signature may be recognisable but still compete with reading. These choices are editorial recommendations; no measured attention or recall improvement is claimed here.
Build a system someone else can operate
Show a few applications, then explain why each decision was made. Include a component or template that another person can use, an exception that is allowed, and an example that breaks the rules. The UK government’s principles favour consistency without requiring uniformity. [2] Our application is to document relationships rather than demand identical layouts everywhere.
For a digital identity, connect design tokens to reusable components. For physical production, document scale, materials and reproduction constraints. Assign ownership for changes and keep one current source of assets. An expanding folder of disconnected final files makes it difficult to know which version is authoritative.
Test the system outside its comfort zone
Try a narrow mobile view, a dense information card, a monochrome print and a bilingual layout. Ask a teammate to make one new application using only the documentation. Look for decisions they had to guess. Those gaps are often more useful than adding another polished mockup to the presentation.
The outcome is a set of rules that helps a brand stay recognisable while its business changes. A logo introduces the identity; the system lets people continue it. In the interactive example, the same few decisions travel between three formats so you can inspect that idea directly.
Sources & editorial notes
Sources checked on 22 October 2026. The frameworks and prototypes are our editorial interpretation, not an endorsement or collaboration with the source organisations.
Have a product or identity challenge? Start with the real task.
Discuss a project
