Why some websites look expensive (it isn't the colours)

Two websites. Same kind of business, same kind of photos, similar colours, similar words. One looks like a firm you would trust with a big job. The other looks like it was made on a Sunday afternoon.

Most people put the difference down to colour, fonts or "the design". Usually it is something much less obvious: space.

Distance tells people what belongs together

Your eye groups things by how close they are. A heading with a line of text tucked just underneath it reads as one idea. Push them apart and they become two separate things, and the reader has to work out how they relate.

Good design uses that on purpose:

• Small gaps between things that belong together, like a heading and its description, or a price and what it includes.
• Medium gaps inside a section, between one group and the next.
• Large gaps between sections, so it is obvious where one topic ends and the next begins.

When those gaps are consistent, the page does the organising for the reader. When they are random, with a bit more here and a bit less there wherever things happened to land, the page feels jumpy and cluttered, even if every individual piece looks fine.

Pick a few numbers and never break them

Professional designers do not choose spacing by eye each time. They pick a small set of measurements, usually multiples of eight pixels (8, 16, 24, 32, 48), and use only those. Tight gaps for things that belong together, bigger ones for separating sections, and the same values on every page.

It sounds fussy, and it is. That fussiness is exactly why it works. Customers never notice it, but they feel it. The site feels deliberate and settled. It feels like the people behind it pay attention to detail, which is precisely what you want someone to believe about your business.

The same goes for a layout grid. Content that lines up to invisible columns looks calm. Content that does not looks improvised.

More space is cheaper than you think

The quickest way to make a page look more expensive is usually to take things away and give what is left more room. Crowding every section with extra badges, icons and "one more thing" makes a business look busy and a little desperate. White space says you are confident enough not to shout.

It is the same instinct as a good shop window. The expensive one does not have everything in it.

A two-minute test for your own site

1. Squint at your homepage. Everything should blur into clear blocks, with obvious groups and obvious gaps between them. If it turns into one grey mush, the spacing is not doing its job.
2. Check your headings. Is each one closer to its own text than to the section above it? If not, it looks as if it belongs to the wrong thing.
3. Compare two pages. Is the gap under a heading on your About page the same as on your Services page? If it is not, nobody set the rules.
4. Look at it on your phone. Mobile is where cramped spacing shows up first, and where most of your visitors are.

Where this fits in a brand

We treat spacing as part of the brand, not a detail left for whoever builds the website. At the £3,500 brand identity level you get plain-English guidelines. At £12,000 and £20,000 there is also a handover package for your web team, with spacing and grid rules, colour and type tokens and reference screens, so your site, proposals and presentations keep looking like they came from the same careful business.

Your logo is one decision. How everything sits around it is a thousand small ones. That is what your brand actually is.

If you would like a second pair of eyes on your site, book a 30-minute call. We will tell you honestly whether it looks like the business you have actually built.