AI and websites

How to keep an AI-built website visually consistent with your brand

The homepage uses your blue. The services page uses a slightly different blue. On one page the logo sits above the menu, on the next inside it, and nobody on your team can say which version is correct.

AI is fluent in layout and silent about your brand

Ask a model for a website and you will get a good-looking one. It knows the standard section patterns, it stacks them into a layout that works on a phone, and it picks colours and fonts that are safe, harmonious and completely anonymous. Nothing in the request “build a website for a heating company in Brno” tells it that your brand runs on a dark green with a copper accent, that your logo may never sit on a dark photograph, or that you have used the same typeface on invoices for twelve years.

So the model improvises. It improvises confidently inside a single page and slightly differently on the next one. Two shades of the accent colour appear. Buttons are rounded on one template and square on another. Headings are set at three different sizes depending on which page was generated first. None of these are errors — each page is a reasonable guess made without your input.

By the twentieth page the site is no longer one design. It is a collection of reasonable guesses that sit next to each other. A customer who has your brochure in the drawer does not recognise the website as the same company. Your team cannot tell which version of the logo placement is the correct one, so every new page inherits the ambiguity instead of resolving it.

Five things AI cannot guess about your visual identity

Colour, with the job of each colour spelled out. A palette on its own is not a rule. Specify which colour is body text, which is the page background, which one marks the single clickable thing on the screen, and what happens on dark sections. Two hex values for the same accent colour on two different pages is the most common form of this drift.

Type. Name the families, the weights you allow, the number of heading levels and the body size. AI output quietly invents a third heading size because the layout needed one, and that invention never gets undone.

Logo rules. Clear space around it, minimum size, a monochrome version for dark backgrounds, and where it never goes — over a hero photo, inside a coloured banner, stretched to fill a footer.

Spacing and components. How much air sits between sections, the corner radius of buttons, the single primary button style and what the secondary one looks like. Consistency here is what makes a site feel designed rather than assembled.

Images. Photography or illustration, how they are cropped, whether they are full-bleed or shot on white. Mixed image styles are the fastest way to make two pages look like two companies.

None of this requires a designer to write down. Your logo file, your invoices, your existing website and your printed brochure already contain every answer. The work is collecting them into one place instead of leaving them implicit.

One page of brand rules beats a hundred prompts

Write the rules once and keep them next to the project. A single page with the palette, the type scale, the logo rules and one button style, attached at the start of every page-generation task rather than pasted in afterwards when something already looks wrong. Models follow the constraints you give them reliably within a task; they do not carry them between tasks on their own.

Let AI do the mechanical half. Ask it to extract every colour code, font size and button style currently used across your published pages and compare them. It does that comparison patiently and in minutes, and the list it returns is usually uncomfortable reading. The judgement about which version is the real one stays with you.

Reuse the page outside the website. The same one-pager governs your ads, your proposals, your email signature and the slides your sales team sends. That is where a document written in twenty minutes starts earning money: every asset made afterwards points at the same identity.

A concrete example: a heating company gives AI three colours with hex values, one font family, two heading sizes, one primary button style and a rule that the logo only appears in the header. From that point on, every prompt starts with the same paragraph, and a landing page built four months later matches the page built on day one.

Check it the way a customer sees it

Screenshot every page on a phone and put the images side by side. Look for the two blues, the mismatched heading sizes and the buttons that changed shape halfway through the site. This takes twenty minutes and finds more than a style discussion ever will.

Run the logo test. Cover the logo with your thumb and show the page to someone who does not work with you. If they cannot say what kind of company it is, the design is carrying no identity — the logo was doing all the work.

Ask one person outside the company whether the homepage and a deep service page belong to the same business. Outsiders notice inconsistency instantly and they do not know which page you are proudest of.

Fix in the spec, not in the page. When you find a deviation, correct the one-pager first so the rule exists for the next generation. Patching pages one by one is how the site drifted in the first place.

Consistency is what makes the speed worth having

AI removes most of the time between having an idea and having a page. Brand rules are what stop that speed from producing a site nobody recognises: a palette with jobs, one type scale, logo limits, a button style and an image rule, written on one page and attached before the first block of a page is generated. Do that, and the site your customers meet online looks like the company they already know from your invoices, your van and your proposals.


Related service: Web design and content strategy