Designing Websites That Guide Visitors to Action

Start With the Feeling, Not the Font
Ask a client what their brand should feel like and you will usually get three adjectives and a slight shrug. That is not a failure of the brief — it is your opening. Before you open a font menu, write those adjectives down and translate them into physical qualities. Warmth tends to live in open apertures, generous curves and slightly irregular strokes. Authority often sits in tighter apertures, higher contrast and confident vertical stress. Playfulness shows up in exaggerated terminals, bouncy baselines and letterforms that look hand-drawn even when they are not.
Doing this translation on paper first stops you defaulting to whatever you used on the last project. It also gives you something concrete to say when a client asks why you rejected their nephew's favourite font.
Reading the Skeleton of a Letterform
Strip a typeface back to its bones and you can judge it quickly. Four things do most of the work:
- Stress — the axis running through the thin parts of round letters. A near-vertical stress reads as modern and rational; a diagonal stress reads as classical and literary.
- Contrast — the difference between thick and thin strokes. High contrast whispers luxury and heritage. Low contrast feels sturdy, digital and everyday.
- Terminals — how strokes end. Blunt cut terminals feel brisk and utilitarian; sheared or flared terminals feel softer and more human.
- Apertures — the openings in letters such as c, e, s and a. Wide apertures read as friendly and legible at small sizes. Closed ones read as formal and a little aloof.
A client selling handmade ceramics and a client selling commercial insurance might both ask for "something clean". The skeletons they actually need are opposites.
Weight and Width: Your Volume Dial
Once you have the right family, weight does the emotional fine-tuning. A light weight set large can suggest delicacy and confidence — it works well for a beauty brand or an architecture practice. A regular weight with generous spacing feels calm and trustworthy, which is why it dominates public-sector and financial work. Heavy weights used sparingly become the shout; used everywhere they become the reason nobody hears anything.
Width matters just as much. Condensed faces carry urgency and squeeze into tight spaces, but they can read as aggressive if the rest of the palette is soft. Extended faces feel generous and slightly luxurious, though they eat horizontal room fast. A practical tip: if a client wants "bold and modern", try semibold rather than black, and let spacing do the work instead of adding kilos.
Spacing Is Where Personality Leaks Out
Amateur work sets type and leaves the spacing alone. Good work tunes it. Tracking a wordmark open by twenty or thirty units can turn a generic logotype into something considered and premium — think of the lettering on a well-made bottle of gin. Setting body copy loosely gives an airy, editorial feel; setting it tightly makes dense information feel efficient.
Watch line height too. Tight leading reads as energetic and slightly tense; generous leading reads as relaxed and unhurried. Neither is correct in isolation, but each one either supports or contradicts the personality you promised in the brief. Adjust in small increments and check at real sizes, not zoomed in at 400 per cent on a 27-inch monitor.
Pairing Without a Fight
Most freelance projects need at least two typefaces: one for headings, one for body. Rather than hunting for a pairing you have seen in a gallery, decide the relationship first:
- Contrast — pair a high-contrast serif display with a low-contrast sans body. Reliable, editorial, slightly formal.
- Harmony — choose two faces with similar skeletons but different jobs, for example a sans for headings and a serif from the same design lineage for body text.
- One family, many weights — often the strongest and cheapest answer, and the easiest to hand over to a client's in-house team.
Whatever you choose, keep the number of styles to a minimum. Two families and four or five styles will cover nearly everything, and a tight system is far easier to defend than a sprawling one nobody can maintain.
Test It Before You Fall in Love
Before you commit, run the faces through realistic conditions. Set the actual brand name, the actual headline and a paragraph of the actual body copy. If the client is a bakery, test "sourdough" alongside a price list. If it is a law firm, test a long clause and a name with an awkward letter combination.
Check the licence carefully as well, especially for webfonts and for anything that will be embedded in an app or a printed product. Confirm which weights are included, whether the client can use them in template tools, and what happens if they want to extend the brand later. Then write a short note explaining your choices in plain English. Clients rarely remember which font you used, but they remember the designer who could explain why it feels right — and that is the thing that gets you the next job.
LEAVE A COMMENT