
(
(
Brand & Web
Brand & Web
)
)
A brand doesn’t stop at the logo
A brand doesn’t stop at the logo
Identity systems need to be designed for behaviour, not just appearance.
Identity systems need to be designed for behaviour, not just appearance.
by
Studio Invicta
3
min read
A BRAND DOESN’T STOP AT THE LOGO
A visual identity can look convincing in a presentation and fall apart the moment it reaches a website.
The problem is rarely the logo. It is everything around it: how type scales, how images are cropped, how much space a page is allowed to have, what happens when a button is pressed, or how the system behaves on a screen half the size.
For us, digital design is not where an identity is applied. It is one of the places where the identity is actually defined.
Designing the behaviour
A static identity answers questions about colour, typography and composition. A website introduces another layer: behaviour.
A heading can remain fixed while an image moves beneath it. Navigation can disappear until it is needed. A transition can make a page feel precise or unnecessarily slow.
None of these decisions are neutral.
Motion, timing and interaction should follow the same logic as the typography or art direction. A restrained brand probably does not need six different hover effects. A more expressive identity may need movement to feel complete.
The point is not to add animation. It is to establish rules.
Start with the difficult screens
Homepages are deceptively easy.
They usually have the best images, the shortest copy and the most space. The real test of an identity comes later: a product page with twelve specifications, a journal article, a mobile menu, an error message or a page containing content that did not exist when the system was designed.
That is why a useful digital identity needs more than a collection of polished layouts.
It needs decisions about hierarchy, spacing, image ratios, text lengths and recurring components. If those rules survive the less glamorous pages, the system is doing its job.
Fewer components, better rules
More flexibility does not necessarily require more design.
A small set of well-considered components can often produce a richer website than dozens of individually designed sections. What matters is the relationship between them.
One image ratio used consistently can become recognisable. A particular distance between headline and body copy can establish rhythm. Repeating the same grid across very different content creates continuity without making every page identical.
Consistency should not mean repetition. It should mean that every decision feels related.
Design for what changes
Websites are rarely finished when they launch.
New projects appear. Photography changes. Copy becomes longer. Someone eventually uploads an image that was never part of the original art direction.
A good system anticipates that.
Instead of designing only for the content available today, we try to establish enough structure for the identity to remain recognisable when that content changes tomorrow.
That, more than any particular layout or interaction, is what turns a website into part of a brand rather than simply somewhere the brand happens to live.
A BRAND DOESN’T STOP AT THE LOGO
A visual identity can look convincing in a presentation and fall apart the moment it reaches a website.
The problem is rarely the logo. It is everything around it: how type scales, how images are cropped, how much space a page is allowed to have, what happens when a button is pressed, or how the system behaves on a screen half the size.
For us, digital design is not where an identity is applied. It is one of the places where the identity is actually defined.
Designing the behaviour
A static identity answers questions about colour, typography and composition. A website introduces another layer: behaviour.
A heading can remain fixed while an image moves beneath it. Navigation can disappear until it is needed. A transition can make a page feel precise or unnecessarily slow.
None of these decisions are neutral.
Motion, timing and interaction should follow the same logic as the typography or art direction. A restrained brand probably does not need six different hover effects. A more expressive identity may need movement to feel complete.
The point is not to add animation. It is to establish rules.
Start with the difficult screens
Homepages are deceptively easy.
They usually have the best images, the shortest copy and the most space. The real test of an identity comes later: a product page with twelve specifications, a journal article, a mobile menu, an error message or a page containing content that did not exist when the system was designed.
That is why a useful digital identity needs more than a collection of polished layouts.
It needs decisions about hierarchy, spacing, image ratios, text lengths and recurring components. If those rules survive the less glamorous pages, the system is doing its job.
Fewer components, better rules
More flexibility does not necessarily require more design.
A small set of well-considered components can often produce a richer website than dozens of individually designed sections. What matters is the relationship between them.
One image ratio used consistently can become recognisable. A particular distance between headline and body copy can establish rhythm. Repeating the same grid across very different content creates continuity without making every page identical.
Consistency should not mean repetition. It should mean that every decision feels related.
Design for what changes
Websites are rarely finished when they launch.
New projects appear. Photography changes. Copy becomes longer. Someone eventually uploads an image that was never part of the original art direction.
A good system anticipates that.
Instead of designing only for the content available today, we try to establish enough structure for the identity to remain recognisable when that content changes tomorrow.
That, more than any particular layout or interaction, is what turns a website into part of a brand rather than simply somewhere the brand happens to live.



