Last updated: May 2026
The standard process goes like this. You hire a brand designer. They spend four weeks on strategy, exploration, and refinement. They deliver a PDF of brand guidelines: logo files, colour codes, typography specifications, tone of voice notes. Then you hire a web designer. They open the PDF. They interpret it. And something gets lost.
In brief: When brand identity and website are designed by different teams, a translation gap forms between the guidelines document and the live site. Typography does not feel the same at screen sizes. Colours do not land the same way in UI contexts. The energy of the brand dissolves into a template. The best results come from designing both in one integrated process where the brand evolves alongside the website, not before it.
The translation gap
A brand guidelines PDF is a reference document. It specifies colours, fonts, spacing, and rules. What it cannot specify is how those elements feel when combined in a live interface at 375 pixels wide on a phone screen while someone is scrolling with their thumb.
Typography is the clearest example. A brand designer selects a display typeface that looks elegant in a PDF mockup at 72pt. The web developer implements it at 16px body text and the elegance disappears. The weight feels wrong. The letter-spacing that looked refined in the PDF looks cramped on screen. The line-height that worked in a print context produces dense, difficult-to-read paragraphs on mobile.
Colour is another. A brand palette designed for print includes rich, saturated colours that look professional on coated paper. On screen, at full saturation against a white background, they can feel aggressive. The red accent that was sophisticated in the guidelines becomes a distraction in the UI. The designer chose it for one context. The developer implemented it in another.
These are not failures of either designer. They are the inevitable result of separating two things that are meant to work together.
The handoff problem
The handoff is where quality goes to die. Designer A creates the brand. Designer B (or developer B, or agency B) builds the website. Between them sits a PDF.
Designer B did not attend the strategy sessions. They did not hear the conversations about audience, positioning, or competitive differentiation. They have a set of rules but not the reasoning behind them. When they encounter a situation the guidelines do not cover (and there are always situations the guidelines do not cover), they make their best guess. Their best guess is informed by their own taste, their own experience, and their own interpretation. Not by the strategic thinking that produced the brand.
The result is a website that follows the guidelines technically but misses the intent. It uses the right colours but in the wrong proportions. It uses the specified fonts but at the wrong sizes. It follows the tone of voice notes but sounds slightly different from what the brand designer intended. The brand identity and the website are cousins, not siblings. Related but not the same.
What integrated design looks like
When one studio handles both brand and website, the process is fundamentally different.
The brand does not get designed in isolation and then applied to a website. The brand evolves alongside the website. The designer selects a typeface and immediately tests it in a browser at real screen sizes. The colour palette is developed in the context of actual UI elements: buttons, headings, backgrounds, hover states. The tone of voice is written into real page copy, not into a guidelines document that someone else will interpret.
Every decision is tested in its real context before it is finalised. Typography that does not work on screen gets changed before it becomes "the brand font." Colours that feel wrong in a UI context get adjusted before they are locked into a guidelines document. The spacing, the animation timing, the interaction patterns: all of these are designed as part of the brand, not added afterwards.
The result is a brand that feels exactly the same everywhere because it was never separated. The website is not an interpretation of the brand. It is the brand.
The cost argument
Designing brand and website together typically costs less than designing them separately.
Separate process: brand identity (£2,500 to £5,000) plus website (£3,500 to £8,000) equals £6,000 to £13,000, plus the time lost to the handoff between teams.
Integrated process: brand and website together (£5,000 to £10,000), with no handoff, no translation gap, and a more cohesive result.
The saving is not just financial. It is temporal. An integrated process takes six to eight weeks. A separated process, with handoff time and the inevitable back-and-forth of interpretation, often takes twelve or more. A 2023 Lucidpress study found that consistent brand presentation increases revenue by up to 23%. The integrated approach produces more consistency by design.
When separation makes sense
There are situations where designing separately is acceptable.
If you already have a strong, well-documented brand identity with comprehensive guidelines, and you are hiring a web designer who has experience implementing that level of specification, a website-only project can work well. The guidelines need to cover web-specific contexts: responsive behaviour, interactive states, animation principles, component patterns. Most brand guidelines do not go this far.
If you are a large organisation with an established brand and a dedicated brand team, separation is sometimes necessary for practical reasons. The brand team maintains the system. The web team implements it. The key is that both teams need to be in constant communication, not separated by a PDF.
For everyone else, particularly startups, small businesses, and founders building their first professional presence, the integrated approach produces better results at lower cost in less time.
Frequently asked questions
Can a web designer work from existing brand guidelines?
Yes, if the guidelines are comprehensive and cover web-specific contexts (responsive behaviour, interactive states, component patterns). Most brand guidelines are designed for print and do not cover these. In that case, the web designer will be interpreting and filling gaps.
What if I already have a logo but no full brand identity?
A logo alone is not a brand identity. If you have a logo but no colour system, typography rules, tone of voice, or guidelines, you effectively need a brand identity project. A good studio can build around your existing logo rather than replacing it.
How do I know if my brand and website are misaligned?
Look at your website on your phone. Then look at your business card, your social media, your email signature. Do they feel like the same business? If there is a disconnect in colours, typography, imagery style, or tone, your brand and website were likely designed separately and the translation gap is showing.
Is it more expensive to redesign both brand and website together?
Usually less expensive than redesigning them separately, because the integrated process eliminates the handoff and reduces total project time. A combined project at £5,000 to £10,000 typically costs less than a £3,000 brand project followed by a £5,000 website project.
Does every studio offer integrated brand and website design?
No. Many studios specialise in either brand or web. Some agencies have separate teams for each. Look for studios where the same person or small team handles both, and where the process is explicitly integrated. At Anatra (/services), every project is designed this way.
Sources
- Lucidpress, State of Brand Consistency Report, 2023: https://www.marq.com/blog/brand-consistency-competitive-advantage (https://www.marq.com/blog/brand-consistency-competitive-advantage)
- Nielsen Norman Group, Consistency in Design, 2024: https://www.nngroup.com/articles/consistency-and-standards/ (https://www.nngroup.com/articles/consistency-and-standards/)