The short version
- A visual identity is the visible system of a brand: its logo, colours, typefaces, imagery, graphic elements, backgrounds, layouts and motion.
- Brand identity is wider than visual identity, because it also includes the name, positioning and voice.
- A logo is a single element inside the visual identity, usually its smallest and most rarely read part.
- A visual identity works when people recognise the brand with the logo covered, because colour, type, ground and layout do the work.
- A visual identity system is written down as rules, so anyone can apply it to a new format and still look like the brand.
On this page
A visual identity is everything you can see of a brand, working as one system: the logo, colours, typefaces, imagery, graphic shapes, backgrounds, layouts and motion. It sits inside the wider brand identity, which also covers the name, positioning and voice. And the logo sits inside the visual identity as one element among many, usually the smallest. Put simply: a logo signs the work, a visual identity makes the work recognisable, and a brand identity decides what the work should say.
Logo, visual identity and brand identity side by side
| Question | Logo | Visual identity | Brand identity |
|---|---|---|---|
| What it is | A mark or wordmark | The visible system | Everything the brand chooses to be |
| Includes | Symbol, wordmark, lock-ups | Logo, colour, type, imagery, backgrounds, layout, motion | Visual identity plus name, positioning, voice |
| Job | Sign and identify | Make everything recognisable | Decide what the brand stands for and sounds like |
| Where you see it | Corners, favicons, signage | Every post, page, slide and package | Every experience, including words and service |
| Works alone? | Rarely | Mostly, even without the logo | It is the whole |
The confusion is understandable. For decades, the logo was the most expensive and most visible deliverable of a branding project, so it became shorthand for the whole thing. But in a world of feeds, stories and thumbnails, the logo is often too small to read, while colour, type and background fill the screen. For the full list of brand identity parts, see what is brand identity.
Why a logo is not an identity
Imagine two cafés with equally good logos. The first places its logo on whatever photo or template is at hand; the second places it on the same warm ground, with the same typeface and the same layout every time. Within a month, people recognise the second café's posts from the corner of their eye. The first café's posts look like everybody else's, with a logo nobody reads.
Logo only
- A different background and font for every post
- Recognition depends on people reading a small mark
- Each new format is designed from scratch
- A redesign of the logo changes nothing people notice
Visual identity
- One ground, one type style, one way of laying things out
- Recognition happens before anything is read
- New formats follow the rules and still fit
- The logo can stay small, because everything else carries the brand
This does not make logos unimportant. A good logo is essential for small spaces, sign-offs and legal marks. It simply can't carry recognition alone. Gradient logos and putting a logo on a gradient cover the logo itself in more depth.
What a visual identity system includes
A visual identity becomes a system when its parts are defined well enough for someone else to use. You don't need a hundred-page manual. You need the minimum for each element, written down.
| Element | Minimum to define |
|---|---|
| Logo | Main version, a one-colour version, minimum size, clear space |
| Colour | Two to five colours with hex codes and proportions |
| Type | One or two typefaces, with sizes for headline and body |
| Background | One signature ground, such as a gradient, texture or tint, plus a flat fallback |
| Imagery | What photos or illustrations look like, and how they are treated |
| Graphic elements | Shapes, lines, icons or patterns, if you use any |
| Layout | Margins, alignment and where the logo goes |
| Motion | Speed and style of movement, if you publish video |
A visual identity has to work at every size
The real test of a visual identity is range. The same brand has to hold on a tall story, a very wide banner, a small business card and a video thumbnail. Logos tend to break at the extremes; a signature colour, type and ground carry across all of them.
Story 9:16
1080 × 1920
Instagram post 4:5
1080 × 1350
YouTube thumbnail
1280 × 720
Business card
1050 × 600
LinkedIn banner
1584 × 396
A business card at 300 dpi…
…and a LinkedIn banner, recognisably the same without any logo.
How to check whether you have a visual identity
- 1
Cover the logo
Take six recent posts, pages or slides and hide the logo on each. If they still look like one brand, you have a visual identity.
- 2
Mix them with competitors
Place your work among work from others in your category. If yours disappears, you need at least one distinctive brand asset.
- 3
Hand it to someone new
Ask a colleague or freelancer to make one new design from your rules. If they need to ask many questions, your rules aren't written down yet; start a brand style guide.
If a Gradiently Mark is your signature ground, the Studio renders it for every size and keeps your brand kit's logos, colours and fonts one click away, so the covered-logo test gets easier to pass.
Questions people ask
What is a visual identity?
It is the visible system of a brand: logo, colours, typefaces, imagery, graphic elements, backgrounds, layouts and motion, defined well enough that anyone can apply them.
What is the difference between visual identity and brand identity?
Visual identity is only what you can see. Brand identity also includes the name, positioning and voice, so the visual identity is one part of it.
Is a logo a visual identity?
No. A logo is one element of a visual identity. Without consistent colour, type and backgrounds around it, a logo rarely makes a brand recognisable on its own.
What should a visual identity system include?
At minimum: logo versions and rules, a colour palette with proportions, one or two typefaces, a signature background with a flat fallback, imagery guidance and simple layout rules.
Written by Gradiently
The team behind Gradiently, a design tool built around Marks: living gradients that make everything you design look like yours.
See our profile
