An identity delivered as a PDF of guidelines is a promise. The website is where that promise is either kept or quietly broken.
What a guideline document can’t tell you
A brand guideline describes a mark in isolation: here is the logo, here is the palette, here is the clear space around it. It does not describe how that palette reads against a 4.5:1 contrast requirement on a form field, how the display typeface performs set as sixteen-pixel body copy, or what happens to a six-colour system once it has to sit behind a checkout flow. Nobody answers those questions when the identity is approved, because they are web questions. Whoever inherits the PDF has to answer them anyway, usually without knowing why the brand looks the way it does in the first place.
The list of questions a build raises is longer than most guidelines expect:
- Contrast. WCAG 2.1 AA asks for 4.5:1 between body text and its background. A soft brand colour that looks right on a business card often fails that on screen, so someone has to decide whether it becomes a background, a large-type colour or a decorative accent.
- Type at small sizes. A display face chosen for a logo lockup can be tiring to read at 16 pixels across a 600-word page. The guideline rarely says what to use for long text, captions, form labels or buttons.
- Colour weighting. A palette shown as six equal swatches gives no hint of proportion. On a long page, the difference between one accent per screen and one accent per paragraph is the difference between calm and noisy.
- States. Buttons need hover, focus and disabled versions. Links need a style inside paragraphs. Error messages need a colour that reads as an error without clashing with the brand.
- Images in motion. Photography cropped for a 16:9 slide gets recropped for a phone screen held upright. The guideline may say nothing about where the subject should sit when the frame gets narrow.
Each of these has a right answer for the brand, and the person best placed to find it is the person who designed the identity and knows what it was trying to say.
What changes when the same team does both
On Online Speechie, the identity took 5 weeks and the website design followed in weeks 6 to 9: a home page, then the Language Check-in, Clinic, Activity Library, Guides and Programs pages, a product page template and mobile layouts, plus a set of custom icons. The client asked to see the identity on a real page before locking the style guide, so we designed the home page first and let it decide a few things the guideline hadn’t settled yet. Partway through, the Programs page felt busy under the full system, so we moved it to a simpler layout. The client’s reaction was that it was much clearer.
Neither of those moves is available to a developer working from a finished PDF. A web team that only inherits a guideline can’t ask the brand side to loosen a rule because it isn’t working on a real page. They either follow the document or they quietly work around it, and either way the site stops matching what the identity intended.
Brand decisions get revisited once a build starts
A revision at this stage means a system built on paper has met a real product. On Sovato, a remote-surgery startup, the palette was tested again once it existed as hex values inside a software interface, and we found that some of the client’s own brand colour codes didn’t match their stated RGB values. We corrected them before anything shipped. On The Human Experience Co., the brand’s new teal got checked directly against a named competitor’s teal once both existed side by side: ours sits on the green side, theirs leans blue. Comparing swatches in a deck would have missed it.
Decisions like that need someone with the authority to change a brand rule mid-build. That authority doesn’t exist when the identity and the website are two separate contracts with two separate sign-offs.
What gets lost in the handover
When an identity studio hands a guideline to a separate web team, the files arrive intact. The reasoning usually doesn’t. These are the things we see go missing most often:
- Which rules are firm. A guideline lists the minimum logo size and the approved colour pairings with the same weight as a suggested photo style. The web team can’t tell which rules protect the brand and which were a starting point.
- What the brand was choosing against. If the strategy set out to look warmer than the competition, a developer who picks a cool grey for every background is undoing that decision without knowing it existed.
- The accent’s job. A single bright colour used sparingly works because it is rare. On The Human Experience Co. the deep coral is the head of the figure in the mark and the one accent across the system. Spread across every button and heading, it would stop meaning anything.
- The voice. Guidelines often describe tone in adjectives. Headlines, button labels and error messages are where those adjectives either turn into sentences or get replaced by whatever the template shipped with.
A second team can recover some of this with a long briefing. In practice, the briefing gets cut to a call, and the questions come up again during the build when nobody from the brand side is still being paid to answer them.
How one project is scheduled here
Brand identity alone runs 3 to 5 weeks, and a website alone runs 4 to 6. Run back to back with two teams, that adds up to 7 to 11 weeks before counting the gap between contracts. As one project, the two take 7 to 9 weeks:
- Weeks 1 to 2: discovery and strategy. Your business, buyers and competitors. You sign off the strategy before any design starts.
- Weeks 3 to 5: brand identity. You choose a direction, and we refine it into logo, colour, type, voice and guidelines.
- Weeks 6 to 9: web design and build. Page structure first, then visual design. You approve the design before we build it, and launch includes 30 days of support.
The overlap is where the time comes from. The strategy written in week 2 is the same document the homepage is planned against in week 6, and the people who wrote it are still on the project. Nobody spends a week getting a new team up to speed.
Price follows the same logic. On the Services page, brand and web together start from £4,400, and a brand identity alone starts from £2,200 (both shown in your local currency there). The final figure comes after a free audit, once the scope is clear.
When splitting the work is fine
Splitting brand and web between two teams can work. It works best when the identity is already settled and tested, the web team has built for brands of similar complexity, and someone on your side owns the guideline and can make decisions about it.
If you already have a brand and only need the website, we audit the existing identity first to check it can carry a site before building on top of it. Sometimes it can. Sometimes a small amount of design system work, such as a type scale for long text or a rule for how the accent colour is used, saves a lot of improvising later. Designing a brand that scales covers what that system work usually includes.
What to ask before you split the work
If your identity and your website are being built by separate vendors, ask these questions before the build goes further:
- Who has the authority to change a brand decision once it’s tested against a real page?
- Has the web team seen the brand strategy, or only the guideline?
- Which of the guideline’s rules are fixed, and which can the web team adapt?
- Is there a type scale for body text, captions and buttons, or only for headlines?
- Has every text colour in the palette been checked at 4.5:1 against the backgrounds it will sit on?
- Who signs off the homepage design: the person who approved the identity, or someone new?
If the honest answer to the first question is nobody, that’s the seam, and it will show up in the finished site whether or not anyone planned for it. It’s also the reason we scope brand and web together from the start.
If you’re not sure whether your current identity can carry a website, that’s what the free audit is for. It’s a 30-minute call with Aidar, followed by a one-page summary with your top three fixes. Book your free audit.
