THE HUMAN SIDE OF DESIGN
What your typography says before anyone reads a word
Compare three type treatments and explore the relationship between character, hierarchy, and comfortable reading.
A typeface gives words a visible voice. A tall, expressive headline and a compact, practical heading can introduce the same sentence very differently. The interesting design question is how that voice works once someone starts reading.
For a therapy website, we often give the headline room for character and keep the longer paragraphs straightforward. That division lets the introduction feel distinctive while the details remain easy to work through. It is a design approach, not a rule that every practice needs two fonts.
01 / Separate character from the reading task
Start with a real sentence from the practice. A display specimen showing only “Aa” cannot tell you whether a long service name wraps gracefully or whether a therapist’s credentials fit beside their name. Test a headline, a short biography, a fees explanation, and a button label before settling on a type system.
In the example below, the words stay constant while the headline changes between an editorial serif, a clean sans serif, and a familiar book serif. The body copy remains consistent. We use those labels to describe the visual treatments, not to claim that a particular font produces a universal emotional response.
Keep the words. Change their voice.
A little room
to be yourself.
You do not need to arrive with everything figured out. Our first conversation is a chance to ask questions, talk about what brings you here, and explore whether working together feels right.
THE SAME WORDS IN EVERY VERSIONRead the paragraph after comparing the headings. Which version would you choose for this particular introduction, and why? “I can recognize the main idea quickly” or “this matches the practice’s existing materials” gives us something to work with. Personal preference matters, but it is easier to discuss when it connects to an actual use.
02 / Build a small, dependable hierarchy
A page does not need a different font for every kind of information. We can distinguish a title, a section heading, a paragraph, and a note through a limited combination of size, weight, spacing, and placement. Too many unrelated treatments make it harder to maintain that system as new content arrives.
Choose the order before choosing the decoration. On a service page, the service name should introduce the subject, the supporting line should explain who it is for, and the next heading should clearly begin a new section. Use actual heading elements for that structure. Making a paragraph bigger does not turn it into a heading for assistive technology.
Design with your longest real words.
Test names, qualifications, service titles, and practical details. If the system works only with a three-word sample headline, it is not ready for the rest of the website.
03 / Leave room for the reader’s settings
Typography should be able to adapt. W3C’s Text Spacing criterion specifies that content and functionality must survive certain user-applied changes to line height, paragraph spacing, letter spacing, and word spacing. It does not require every website to use those values as its default styling.1
Use the spacing control in the example to notice how a paragraph changes. More space takes more room. A card with a fixed height might clip its last sentence, while a flexible container can grow. This simple control demonstrates the tradeoff; a complete text-spacing check also needs to test the other spacing properties.
Reading on a narrow screen raises a related question. Can the lines wrap without forcing someone to pan back and forth? WCAG’s Reflow criterion addresses presentation at narrow equivalent viewport sizes, with exceptions for content that genuinely needs a two-dimensional layout.2 For ordinary article text, we would expect the column to adapt.
04 / Review type as part of the whole page
Check the final type against the actual background. A delicate serif might work well for a large title yet lose clarity in a tiny note. A heavy font can be useful for a button and overwhelming across a full biography. The right treatment depends on its size, weight, contrast, and surrounding space.
Read the mobile version aloud. The exercise often reveals a heading that is trying to do too much or a sentence that could be simpler. Then navigate with a keyboard and zoom the page. Look for clipped controls, awkwardly narrow columns, and labels that disappear when their containers shrink.
We want the typography to sound like the practice and carry the information reliably. A distinctive headline earns its place when the rest of the page makes the conversation easy to continue.
Sources & further reading
The examples and practical recommendations are TheraCrafted’s design interpretation. The sources below support the specific guidance cited in the text; the interactive example is not a controlled study or a prediction of client behavior.
