# Visual identity vs brand identity vs logo

[Canonical HTML page](https://gradiently.design/guide/visual-identity)

Three terms that get used as if they meant the same thing. They don't, and the difference explains why a new logo so rarely fixes a brand that nobody recognises.

## 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.

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 |

Each one contains the one before it. A logo without a visual identity is a signature on a blank page.

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](https://gradiently.design/guide/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](https://gradiently.design/guide/gradient-logo) and [putting a logo on a gradient](https://gradiently.design/guide/logo-on-gradient-background) 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 |

The background row is the one most small brands leave blank, and it covers the most pixels.

## 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

Five real formats, drawn to scale. A visual identity should look like itself in every one of them.

A business card for a ceramics studio set in simple type on a signature gradient ground

A business card at 300 dpi…

A wide LinkedIn banner for the same ceramics studio using the same ground and type

…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](https://gradiently.design/guide/distinctive-brand-assets).
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](https://gradiently.design/guide/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.

## FAQ

### 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.