When the Brand and the Website Look Like Two Companies

Technology · 22 Jun 2026 · LavisTech

Two companies, one GST number

You can tell in under five seconds. The visiting card is quiet and sure. The website is a theme with a stock photograph of a handshake, a default font, and a header that could belong to any firm on the Infopark road. The Instagram grid is a third cousin. The quote PDF is a fourth. Customers may not use the word identity. They still feel that they have been handed between departments that do not talk.

This is not a taste argument. It is a systems argument. A brand is the few facts and shapes you repeat until they are cheaper to recognise than to explain. A website is one of the places you repeat them. If those two artefacts were bought from different people, in different months, with no shared rules, they will drift. June is a decent month to notice, because you still have time to fix the public site before the festival ads start pointing at it.

The work splits across three services we already publish: branding and identity for the mark and the rules, UI/UX and digital design for how pages and products behave, and web development for the site that has to stay fast and editable. Buying only the first and hoping the other two appear is how you get a pretty logo and a website that looks like another company.

What identity actually is

Identity is a name people can say, a mark that still works at sixteen pixels, a short set of colours and type, and a rule for how those things sit on a card, a shutter, a phone screen, and a letterhead. It is also the words you will not use. “Solutions” on every line is not a voice. A voice is the sentences you would actually say to a buyer in Kochi without wincing.

A logo file is a piece of identity. It is not the identity. If the only deliverable was a mark on a white square, you do not yet have rules. The next designer — or the intern who builds a festival poster — will improvise. Improvisation is how the website acquires a second blue, a third font, and a button style that does not appear anywhere else. That is not creativity. It is the absence of a system.

Guidelines do not need to be a fifty-page PDF nobody opens. One page will do: the mark on light and dark, the two typefaces, the two colours, the clear space, the words you prefer, a good header and a bad header. If that page does not exist, the website cannot obey it. If it exists and the website still disobeys it, you have a handover problem, not a missing paintbrush.

What a template is honest about

A template is a layout someone else designed for a firm that is not you. Used well, it is a cheap way to get spacing, a mobile menu, and a contact form. Used badly, it is a costume. The costume shows when the hero image is a generic office, the icons are from a pack that every other site used this year, and the sections are “about / services / testimonials / blog” in that order because the theme came that way.

Templates are not the enemy. Identity without a site is also incomplete. The failure is dropping a new mark into a theme and calling the job done. The header still has the theme’s proportions. The footer still has five columns of lorem. The service cards still use a font the guidelines forbade. A buyer who liked the card now lands on a page that disagrees. They may not bounce for that reason alone. They will trust you less, and they will not tell you why.

If you must use a theme, treat identity as the constraint, not as a sticker. Change the type, the colour, the header, the cards, until a person who has only seen the visiting card would recognise the page in a screenshot with the name blurred. If you cannot get there inside the theme, you do not have a theme problem. You have a “we bought a costume” problem. Custom pages on a small, honest site beat a fat theme you are afraid to touch.

The quote that arrives after a pretty logo

A common sequence: you pay for a mark. It looks good. Someone then asks what it will cost to “just update the website”. The number that comes back is either suspiciously small — a swap of the favicon and the footer — or honestly large, because the site was never built to take a system. Both quotes are information. The small one is a sticker job. The large one is the real site you postponed.

Ask the vendor to show the header, a service page, and the contact page with the new identity applied — not a mood board, a page. Ask who will edit hours and addresses afterwards. Ask whether the type in the guidelines is licensed for the web, not only for print. Ask what happens to the blog and the old URLs. A pretty logo does not answer those. A web development brief does.

If the logo was bought without guidelines, budget the one-page rules before you budget the rebuild. Otherwise every inner page will be a negotiation. If the logo was bought with guidelines and the site still looks like a second firm, the next spend is design and front-end work, not another mark. A second mark is how you become three companies.

We will not invent a client who “increased conversions 40 percent after a rebrand”. What we see is quieter: sales stop apologising for the site in the first meeting, and the festival ads stop looking like they belong to a different shop. That is enough to justify doing the job once, in the right order.

Print, shutters, and the WhatsApp display picture

The brand lives in more places than the homepage. The shutter on a Kozhikode road, the vinyl on a Tempo, the stamp on a delivery note, the display picture in the sales WhatsApp group, the hold music nobody has listened to since 2018. You do not need to fix all of them in June. You do need one source of truth so the next thing you print does not invent a fourth blue.

If the website is the only modern artefact and everything else is ten years older, the site can lead — as long as the next card and the next board follow it. If the cards and the boards are new and the site is old, the site is the embarrassment. Either way, pick the leader and write it down. Two “official” looks is the original problem.

PDFs are part of the system. A quote that uses Calibri and a stretched mark is a page of the brand whether you like it or not. So is the invoice. If Tally or the billing tool cannot match the identity, do not force a horrible hack. Keep the legal invoice boring and put the identity on the documents you actually send as a first impression. Honesty about what the tool can do beats a stretched PNG in the letterhead slot.

UI and UX are not a prettier coat of paint

Identity says who you are. UI is the arrangement of the screen. UX is whether a person can finish the job — find a number, request a quote, book a slot, trust the next click. A site can obey the brand and still fail the job: a hidden phone number, a form that dies on a cheap Android, a menu that lists every service the firm has ever offered. That is UI/UX work, and it is a different brief from “make it match the card”.

If the daily user is an anonymous visitor, you are in website territory: clear pages, fast first paint, a form that arrives. If the daily user is staff or a dealer behind a login, you are in application territory, and a beautiful marketing theme will not save you. Sharing a header is not the same as sharing an estimate. We repeat that because firms keep buying a re-skin when they needed a product.

Wireframes before polish. Who lands, what they must do in two minutes, what we will not put in the header. Then apply the identity. The other order — polish first, jobs later — is how you get a gorgeous page that still hides the phone number under a slider. The slider was in the template. The phone number was the business.

A one-page check before you buy another file

  1. Could a stranger match the visiting card to the homepage with the name blurred?
  2. Is there a one-page rule for mark, type, colour, and voice?
  3. Can a manager change hours and the festival notice without a developer?
  4. Does the quote PDF look like the same firm as the header?
  5. Is the next spend a sticker, a site, or a product people work in?

If the answer to the first question is no, you do not have a brand problem only. You have a website that was never asked to carry the identity. If the answer to the second is no, do not commission twenty inner pages yet. If the third is no, the site will drift again by Onam. If the fourth is no, sales is still handing over a second company. If the fifth is “product”, stop talking about themes.

Order of work that does not waste the logo

When the identity is weak and the site is weak, start with the one-page rules and the mark if you truly do not have one. Then design the header, the service page, and the contact page — the three surfaces a buyer will see. Then build those pages so they stay fast and editable. Then, and only then, worry about the blog, the campaign landing pages, and the festival microsite. The microsite is where brands go to become two companies again if nobody is watching.

When the identity is strong and the site is weak, do not reopen the mark. Brief digital design and web development against the existing rules. Ask for a screenshot test: card beside homepage, name blurred. When the site is fine and the identity is noisy — three marks in the wild, two blues — the spend is guidelines and a cleanup, not a new theme.

When someone wants a new logo because the leads are quiet, ask about the phone, the offer, and the page speed first. A new mark will not fix a site that takes eight seconds on a phone in Thrissur. It will not fix a form that goes to an inbox nobody reads. Identity is not a lead-generation spell. It is how you stop looking accidental once the lead arrives.

Design systems, without the jargon tax

A design system, for a firm of your size, is a header, a type scale, a button, a form, a card, and a rule for space. It is not a 200-component library. If two vendors can build a page without calling each other, you have enough system. If every new page is a unique invention, you will look like two companies again by December, even if June was perfect.

Put the system where the site is built, not only in a Figma file that sales cannot open. The live header is the source of truth. The guidelines page is the explanation. When they disagree, the live site wins and the page gets updated — or the site gets fixed. Two sources of truth for a colour is the same failure as two systems of record for an invoice.

Applications can share the public identity and still need their own UI patterns: tables, filters, empty states, error text a human can use at speed. Do not force a marketing theme onto a dealer portal. Do not force the portal’s dense table onto the homepage. Share the mark and the voice. Split the layout. That is how one company can look like one company on both sides of the login.

What to send in the next email

Attach the card, the current homepage, the guidelines if they exist, and three screenshots of things that already disagree — a PDF, a shutter, a social post. Write the job in one sentence: make the site look like the card; make the card look like the site; or decide they are both wrong and start with rules. Send the same pack to design and to whoever will build. The vendor who replies with a new mark you did not ask for has told you how they make money. The vendor who replies with the three pages and an editing plan has understood the brief.

Identity is the rules. UI/UX is the job on the screen. The website is the thing that has to stay true after the launch week. Buy them on purpose, in that order or in the order your artefacts actually require. Do not buy a pretty logo and hope the rest of the firm notices. They will notice. They will just notice two companies.

← All posts