You know the feeling. You land on a website and it just reads as serious. The business feels bigger, more established, more worth calling. Then you land on another one selling the exact same service and it feels like a flyer.
Same information. Same industry. Sometimes the same town. Totally different gut reaction in under a second.
That reaction is not an accident and it’s usually not the logo. After twenty years of doing this I can tell you it comes down to about six decisions, and almost none of them are the ones people worry about.
It’s not the font. It’s the relationship between two fonts.
Everybody who’s ever redesigned something reaches for a new font first. Swap Arial for something fancier and hope it feels premium now.
It doesn’t work, because a single font can’t create contrast with itself.
What actually makes typography feel designed is the structural relationship between a small voice and a large voice sitting right next to each other. A tiny, wide-tracked, all caps kicker on top. Then one enormous statement word underneath. The gap between those two sizes is the whole effect. That’s where the drama lives, not in the typeface.
Here are pairings I actually use, and what each one is for:
| Pairing | Feels like | Good for |
|---|---|---|
| DM Serif Display + Inter | Warm, editorial, trustworthy | Agencies, consultants, professional services |
| Playfair Display + Inter | Refined, upscale, a little classic | Med spas, wineries, fine dining, real estate |
| Fraunces + Sora | Modern editorial with personality | Coaches, boutique fitness, creative studios |
| Anton + Inter | Loud, physical, confident | Gyms, martial arts, roofing, auto, anything with muscle |
| Space Mono as an accent only | Technical, precise, deliberate | Labels and data points inside any of the above |
Notice that Inter shows up over and over. That’s on purpose. The body font’s job is to disappear. All the personality goes in the display face. Two fonts is the ceiling for most sites. Three is the absolute limit and the third one has to earn it.
The invisible thing that makes it consistent: tokens
Here’s the part that’s genuinely technical but matters more than anything above.
Most websites are built with what I’d call magic numbers. Somebody eyeballs a gap and types 22 pixels. Two sections later they eyeball another one and type 19. A button is #F15A24 here and a slightly different orange over there, because it got copied wrong once six months ago.
Nobody consciously notices any single instance of this. Everybody feels the sum of it. That accumulated sloppiness is exactly what makes a site read as amateur.
The fix is a token system. At the very top of the file I define one block of variables. One color set. One spacing scale, all built off a 4 pixel base. One radius scale. One shadow scale. One type scale. Then nothing anywhere else in the site is allowed to use a raw number. Every gap, every color, every corner radius pulls from that block.
Two things fall out of this, and the second one is the one you care about.
First, the site becomes internally consistent by default. Not because I’m disciplined, but because there’s no way to be inconsistent. The system won’t let me.
Second, rebranding the entire site becomes an edit to about fourteen lines. Change your accent color across every button, hover state, hairline, badge, and gradient on every page by changing one value. When a client calls and says “we’re going a little darker with the brand,” that’s a fifteen minute job instead of a rebuild.
That’s not a design flourish. That’s why my edits are cheap and an agency’s are not.
Breathing room is the cheapest premium signal there is
If I had to give one piece of advice to somebody redesigning their own site, it would be this: whatever amount of empty space you think looks right, roughly double it.
Cheap-feeling sites are cramped. Everything is fighting for attention, which means nothing gets any. Expensive-feeling sites let things sit alone.
Specifically:
- Section padding. Big vertical gaps between sections. This is what creates rhythm as somebody scrolls. It should feel like chapters, not a wall.
- Line height around 1.5 to 1.6 on body copy. Text set too tight is physically harder to read and readers feel that as friction even if they can’t name it.
- Line length capped around 65 to 75 characters. Full-width paragraphs stretching across a 27 inch monitor are exhausting. Constrain the column.
- Space above a heading, not just below it. A heading should belong to the content underneath it. Most people space it evenly and it floats.
None of this costs anything. It’s the highest return per effort of any change you can make.
Big imagery, but only if it’s fast
Large full-bleed photography is the fastest way to make a small business look substantial. A single confident image beats four small ones in a grid every time.
But there’s a trap here, and it’s the one that sinks most owner-built sites. A gorgeous 4MB hero photo that takes six seconds to load on a phone in a parking lot is a net loss. You bought a premium first impression that nobody stays around to see.
So: yes, go big. Then export it as WebP, size it to what’s actually displayed, and get it under a few hundred kilobytes. Load the hero immediately, defer everything below the fold. Done right you get the cinematic version and it loads in under two seconds.
And use your real photos. Your actual truck, your actual crew, your actual dining room. Stock photography is instantly recognizable and it makes people quietly trust you less. A slightly imperfect real photo outperforms a perfect fake one, always.
Layout variety without spaghetti
The reason a lot of small business sites look samey is that they’re built from one template with the words swapped. Same stacked sections, same three-column feature grid, same everything, over and over down the page.
I work from a component library instead. Roughly two dozen named, self-contained pieces: a cinematic pinned band, an editorial stat row, an outlined numeral index, a review carousel, a menu board, a before and after slider, an offset image and text split. Each one is a real design decision that already passed quality checks.
Building a site is choosing which of those to use, in what order, for this particular business. A roofer and a coffee shop end up with genuinely different layouts because they’re assembled from different pieces, not because I threw out the system.
That’s the balance. Variety at the composition level, consistency at the token level. That’s how you get sites that feel custom without the price of custom and without the mess of custom.
Design at 390 pixels first
I don’t design a desktop site and then squeeze it. I design the phone version first, because that’s where most of your traffic is and it’s the harder constraint.
If the message works in a 390 pixel column, it works everywhere. If it only works at 1440, you built a site for the version of your customer sitting at a desk, which is not the one holding a phone with a leaking water heater behind them.
One deliberate move, not five
Last one, and it’s the hardest to follow.
Pick one signature move per site. One asymmetry. One unexpected color. One oversized element. Something the eye catches and remembers.
Then stop.
The instinct when you want a site to look impressive is to add: a gradient, and an animation, and a pattern, and a texture, and a second accent color. Five interesting things cancel each other out and the result reads as noise. One interesting thing surrounded by calm reads as confidence.
Restraint is the signal. It always has been.
The short version
Two fonts with a real size relationship between them. Every number in the build coming from one token block. Roughly double the whitespace you think you need. Big real photos, compressed properly. Different compositions per business, same system underneath. Phone first. One signature move.
That’s it. That’s the difference between a site that feels expensive and one that doesn’t, and none of it requires a bigger budget. It requires somebody making decisions on purpose instead of by default.
If you want to know which of these your current site is missing, send me the link. I’ll tell you straight.
