·

Steeve Elgui

Brand Identity: What It Is and How We Build It

Brand identity is the repeatable system of type, colour and behaviour. Learn the parts, the split from branding, and how we keep it consistent.

The advice to start with a logo and build everything around it puts the neatest deliverable before the hardest decisions. A mark can look convincing on a presentation slide while the checkout, packaging and email templates feel unrelated. Brand identity starts with repeatable decisions, including how an interface behaves when something goes wrong.

The useful question isn't whether the work looks distinctive in Figma. It's whether another designer, developer, writer or printer can reproduce its character without guessing.

What Brand Identity Actually Holds

A logo is not an identity. Say a skincare business commissions a sharp wordmark, a warm neutral palette and a beautifully cropped bottle photograph. The presentation works, but the developer still needs button states, the printer needs colour specifications, and the writer needs language for an unavailable product.

Brand identity is the set of decisions those people can repeat. It includes name treatment, symbols, typography, colour, imagery, motion, language and interface behaviour. The work becomes a system when its rules survive a different maker, surface or content length.

The scale of design's role matters here: the Design Council's Design Economy findings report £136.7 billion in UK gross value added in 2023, approximately 5.5% of UK GVA and 40% higher than in 2019; they also report that 80% of designers work in wider industries, contributing £90.6 billion, and record 2.27 million workers in the design economy in 2025.

The rebuild test: Hand the files to someone who didn't make them. Any decision they must invent is a gap worth examining.

Rules need working examples

A colour swatch doesn't explain whether it belongs behind body text or only in an illustration. A type specimen doesn't show what happens when a product name wraps. Guidelines need both the decision and an example under pressure.

For the skincare business, that means showing an actual carton, product page and error message, not just empty templates. The carton tests production, the page tests hierarchy, and the error tests whether the language remains recognisable without becoming unhelpful.

A one-off composition can rely on its maker's judgement. A finished identity makes enough of that judgement available to everyone else.

Brand Identity Beside Branding

Brand identity and branding compared

Question

Brand identity

Branding as making

What it is

The repeatable visual and behavioural system

Applying that system to a real surface

What we make

Logo, type, colour, image, motion, language, components

Sites, packaging, campaign assets, editorial, email

What may change

Slowly, in a documented refresh

With each brief, format and task

What failure looks like

A beautiful board nobody else can rebuild

Assets that ignore the system

Who holds it

Designers, developers, printers and writers together

Whoever is shipping that touchpoint

Identity defines the system. Branding, in the making sense, puts it to work. The distinction prevents a common argument: treating every new application as permission to redesign the underlying rules.

A poster and a Shopify product page don't need matching compositions. The poster might use a large editorial crop and a short line of type. The product page needs readable specifications, selectable options and a clear purchase control. Both can belong to the same identity without borrowing each other's layout.

What changes, and what stays recognisable

The files differ because the jobs differ. Identity work produces master artwork, type styles, colour roles, image direction and reusable components. Applied work produces the particular page, carton, email or sign someone will use.

Changes to the underlying identity need a reason and a record. Adjusting a wordmark's spacing affects every future export. Changing a page's module order might affect only that page. Keeping those decisions separate allows useful experimentation without leaving a trail of incompatible assets.

Restraint matters especially in luxury branding, where generous space and carefully controlled typography still need to work on small labels and functional screens. Removing information until a page looks expensive isn't a substitute for organising it.

A beautiful exception is still an exception. Either document why it exists or bring it back into the system.

Failure also differs. An identity fails when its rules are missing, contradictory or impossible to apply. An application fails when the maker ignores sound rules or forces them into an unsuitable format.

Responsibility therefore sits with different people at different moments. Designers, developers, printers and writers help maintain the shared system. The person shipping a touchpoint checks its actual execution, including exports, content, rendering and production proofs.

If the question concerns what must stay recognisable, it concerns identity. If it concerns how recognition survives a Shopify template, carton or campaign crop, it concerns branding as making.

The Parts We Specify and Test

An identity needs a centre: a clear set of principles that governs the parts. Without that centre, kinetic type, expressive photography and carefully drawn icons can still look like unrelated exercises.

A diagram illustrating the key components of a brand identity system including logo, typography, colour, layout, imagery, motion, and accessibility.

Identity parts and the test before sign-off

Part

Craft job

Test before sign-off

Logo

Recognition at small and large scale

Still clear at 16 px and at sign or vehicle size

Colour

Hierarchy, contrast and roles

Text and UI states meet contrast, not only the hero

Typography

Reading rhythm and voice

Survives long names and another language

Imagery

Light, crop and subject

A new photo follows the same rules

Motion

Pace of the interface

A reduced-motion version exists

Language

How a person is addressed

Errors and empty states match the brand

Components

Reuse across design and build

Tokens, spacing and states are documented

From mark to reading rhythm

The logo's job is recognition, not storytelling at every size. Test the actual raster export at 16 px, then inspect the artwork at sign scale. Small counters, narrow gaps and delicate strokes may need an optical variant rather than a mechanically reduced master.

Colour needs roles before it needs more swatches. Separate text, backgrounds, actions, borders and status colours. A beauty identity can keep a pale palette while using a darker functional ink for reading and controls.

Typography needs content, not specimen sentences. Put long product names, prices, ingredient lists and another language into the layouts. For a variable font, document the chosen axes and values so a developer doesn't approximate a carefully judged width or weight.

Imagery requires instructions another photographer or illustrator can follow. Specify light direction, texture, camera distance, subject treatment and permitted crops. Then test those rules with an image that wasn't part of the original presentation.

From appearance to behaviour

Motion should explain a change or establish pace. Spring animations and kinetic typography deserve the same scrutiny as static composition: does the movement clarify hierarchy, or merely demonstrate that the tool can animate?

Language needs functional examples. An empty basket, failed upload and unavailable shade reveal more about a voice than a headline does. The words must help someone continue, not turn a frustrating moment into a performance.

Components connect these decisions. In Figma, organise variables and component properties around meaning, such as primary text or destructive action, rather than visual nicknames. In code, preserve those roles instead of copying isolated hex values.

Layout is the connective work: spacing, alignment, density and reading order. Accessibility runs through every part rather than occupying a decorative badge at the edge of the diagram. The audit is simple: every attractive choice needs a use case and a failure test.

How We Build an Identity in Iterations

Identity work needs rounds of decisions, not a theatrical reveal. Wecomeet's brand identity projects typically take 4–8 weeks, with the work judged through applications rather than presentation polish alone.

A five-step process diagram illustrating a practical and iterative approach to building brand identity.
  1. Audit the existing work. Gather logo files, type, packs, site screens and email. Identify the recognisable details that a replacement must preserve.

  2. Set direction from use. Wecomeet's Strategy & Direction phase covers brand or product audit, market and competitor analysis, audience and user insights, and positioning, messaging and creative direction.

  3. Design connected pieces. Its Concept & Design phase covers brand identity and visual language, UX/UI and user journeys, campaign concepts and key visuals, and design systems and reusable assets.

  4. Use AI selectively. Test moodboard variants, image trials, structured notes and repetitive production. UK government AI adoption research reports 16% of businesses using at least one AI technology, 5% planning adoption, and 80% neither using nor planning it. Adoption isn't evidence of design judgement.

  5. Judge by hand. Inspect small exports, translated type, contrast, packaging materials and proofs under relevant lighting. Faster generation widens the options; people still choose.

  6. Iterate with the makers. Review Figma files with developers, printers and writers, then resolve their questions in the guidelines.

A named project such as Depop belongs beside that practical discussion, where design can be considered through an actual context rather than an abstract style. Done means someone else ships the system without inventing a missing colour or rule.

One System Across Every Surface

Consistency isn't sameness. A checkout, carton and poster have different information demands. Their makers need shared decisions, not a universal layout that makes every surface equally awkward.

What stays fixed on each surface

Surface

Keep fixed

May flex

Website and product UI

Type scale, colour tokens, component states

Layout density by task

Packaging

Logo lockup, material, claim language

Structure by pack size

Campaign assets

Key visual, type and colour rules

Crop and format per placement

Email

Header, type, button, footer

Module order by message

Signage and print

Clear space and colour

Scale and substrate

Social templates

Grid and type styles

Image subject per post

“Fixed” means governed, not immune to production constraints. A substrate change still needs an approved proof. A denser interface still needs the agreed reading hierarchy. A campaign crop can change the frame without changing how people or products are represented.

For teams connecting design files to implementation, DOM Studio's explanation of why teams need a design system offers useful context for treating shared components as maintained working tools. The important handover is not a folder of screenshots but a usable relationship between decisions and implementation.

Digital behaviour belongs to the identity

Adobe's UK consumer findings state that 52% consider digital experiences just as important as in-person experiences when brands earn trust, while 70% say well-timed, personal content significantly boosts trust, 75% are concerned about companies' use of their data, and 71% believe information from digital interactions benefits only the company.

Those tensions belong in interface decisions. A personalised module should explain its relevance without exposing an unsettling amount of inferred knowledge. A preference control should behave predictably, and optional information should remain optional.

The connection between UX/UI design and identity becomes concrete here. Button labels, consent choices, loading feedback and navigation structure affect whether the experience matches the character promised by its visual design.

For each surface, reviewers can label decisions fixed, flexed or broken. Fixed decisions follow the rules; flexed decisions adapt within them; broken decisions introduce an unexplained exception. That vocabulary makes a review more useful than debating whether something feels sufficiently on-brand.

Accessibility as Part of the Identity

An identity that looks elegant in a film but becomes unusable at checkout is inconsistent. Accessibility isn't a diluted version of art direction. It is part of whether the work functions for the people expected to use it.

The Government's 2025 digital-identity inclusion monitoring report found that 60% of surveyed certified digital-identity organisations met WCAG 2.0 AA or higher, up from 54% in 2024, while 73% offered at least one accessibility feature, up from 65%. Those findings concern that specific sector, but they expose the difference between offering a feature and maintaining an accessible experience.

A checklist illustrating five key principles for maintaining brand identity, including contrast, readability, focus states, colour, and consistency.

Write the requirements beside the artwork

Guidelines should include these working rules, with examples in the actual identity:

  • Contrast and readability. Publish approved foreground and background pairs. Test enlarged text and reflow with real content, not a shortened demonstration.

  • Focus. Show keyboard focus on every interactive component. Keep it visible against photography, overlays and sticky navigation.

  • Motion. Specify reduced-motion behaviour that preserves sequence and importance without relying on movement.

  • Alt text. Describe the image's purpose in context. Decorative imagery shouldn't create unnecessary screen-reader noise, and a product description shouldn't become a string of repeated brand names.

  • An alternative route. Document how someone completes the task through a counter, telephone or other supported non-digital service, where available.

Colour alone shouldn't identify an error or selected option. Pair it with text, shape or another clear signal. Error messages should identify the problem and explain the next action in the same straightforward language used elsewhere.

An acceptance condition: Distinctive art direction must survive keyboard use, zoom and assistive technology, not merely a screenshot review.

Luxury and fashion work can retain dramatic crops, unusual materials and expressive type. The trade-off belongs in the right place: expressive display typography may suit a short title while instructions need a steadier reading face.

Testing should include the implemented interface, not only the Figma prototype. Browser behaviour, content changes and third-party checkout components can introduce problems the original artwork never showed.

Sustainability Claims Without Greenwashing

A green palette isn't evidence. Sustainability claims need material details, limitations and disposal instructions beside the claim, not hidden behind a distant page.

Sustainability trust and measurement in the UK

Finding

Figure

What it means for identity

UK adults surveyed who believe food labels sufficiently address sustainability in 2025, reported by Food Ingredients First

29%

Put evidence on the pack

Designers working on environmental challenges, in the Design Council annual report

66%

Intention is widespread

Designers measuring their work's impact, in that report

19%

Define measurement before production

Designers expecting demand for green design skills to rise, in that report

71%

Prepare for practical requirements

Designers feeling prepared to meet that demand, in that report

43%

Build skills and tooling

UK consumers recognising the FSC logo in 2024, according to FSC UK

79%

Use recognised marks accurately

UK consumers saying the FSC label would improve their opinion of a brand or retailer in that survey

67%

Place certification where it applies

Make the evidence usable

Keep claim wording consistent across packaging, e-commerce and campaign files. Distinguish recycled content from recyclability and compostability; they aren't interchangeable properties.

Use certification marks only where the certification covers the product concerned. Record material weight per unit, page weight, duplicated files, component reuse and accessibility performance so revisions can be compared against a baseline.

Where Identities Break Under Load

Failures become useful when someone records their cause and assigns a check. A review should produce corrected artwork or a clearer rule, not another round of taste-based comments.

A woman holding papers showing a Harbor Home & Living brand identity logo design concept.
  • A disappearing mark. Fine detail closes up. Approve an optical variant on the intended object.

  • An unreadable button. The palette was checked only in the hero. Assign a component-state review.

  • A drifting photograph. The crop has no governing example. Add an approved and rejected treatment.

  • A new launch colour. A detached template contains local values. Replace them with the correct tokens.

  • An invasive email. Unnecessary fields shape the content. Remove them and explain relevance.

  • A flattened reduced-motion view. Movement carried all the emphasis. Restore hierarchy through static composition.

  • An overflowing translated label. Artwork used convenient copy. Proof the longest name and another language.

Typography also deserves a file-level check. Guidance on font auditing with Font Checker Pro provides a useful starting point for inspecting the fonts underpinning an identity.

Judge the full set

Wecomeet shaped Amazon Salon's identity across logo, signage, website, Instagram and print. For Younited, it produces roughly ten on-brand assets per campaign from a documented system.

Its Axiom Stratum work combined a consultancy identity and website, including logo, typography and an editorial single-column layout. Different outputs require different checks, followed by another iteration whenever a rule fails.

Hand the System to the People Who Build It

The decision to refresh or rebuild should come from the files. A recognised mark surrounded by inconsistent screens may need better rules, not replacement. An identity that cannot support the product's language, content or interaction needs a deeper intervention.

Developers, printers and writers should join before the visual direction hardens. Their questions expose missing specifications, unsuitable production choices and content assumptions while those decisions are still cheap to change.

The handover begins with the people who will maintain the work, not with the export button.

A useful starting brief answers:

  • Which surfaces must share the system? Name the actual interfaces, packs, emails and physical materials.

  • What must survive? Identify recognised details, useful assets and existing brand equity.

  • Who ships after handover? Name the people responsible for implementation, production and future changes.

Wecomeet brings branding and UX/UI together to align strategy, identity and digital experience in consistent, scalable systems. Its rebrands, refreshes and redesigns aim to improve clarity, consistency and performance while respecting existing equity.

The audit needs the messy files too: outdated packs, exported screens and templates people avoid. A system nobody else can open, understand or maintain isn't finished, however carefully its original maker drew it.

Wecomeet offers strategy, naming, logo design, typography, colour, packaging and guidelines alongside UX/UI design. Bring the existing files and the surfaces that aren't holding together to Wecomeet, and start a conversation about a brand identity other people can confidently build.