The short answer

Design decides in fractions of a second whether a website looks trustworthy. The copy then decides whether visitors stay. Trust arises when both say the same thing. For that you need a clear hierarchy, one fixed colour for buttons and concrete sentences instead of empty phrases. That's why design and copy belong in one pair of hands, or at least at one table.

On many websites the opposite happens. A designer designs, and later someone fills the spaces with text. The result is a modern layout full of empty phrases. Or strong copy in a design that doesn't carry it.

How quickly does the first impression form?

Very quickly. In a study at Carleton University, participants saw websites for only 50 milliseconds [1]. Even then they rated the look much as they did after looking for longer. So the judgement is made before anyone has read a sentence.

And this judgement colours credibility. In a large Stanford study, more than 2,600 people rated the credibility of websites [2]. The look of the site came up in 46.1 % of the comments, making it the most frequent topic.

After that, people don't read, they skim. According to the Nielsen Norman Group, users read at most 28 % of the words on a page during an average visit, more likely around 20 % [3]. For you this means: the few words that do get read have to land. And the design has to put them where the eye goes.

Which design principles build trust?

Hierarchy before aesthetics

The most important statement on a page also has to be the most prominent. It gets the largest type, the strongest contrast and the best spot. If every element is equally loud, nothing guides the eye. Then the visitor sees a lot and takes in little.

White space is structure

Empty space around an element signals: this matters. Overloaded pages feel restless, even when the content is good. Fewer elements per screen, but clearly placed, almost always work better.

Consistency instead of variety

Five button styles, three sizes for headings of equal rank, changing spacing: hardly anyone notices consciously. Subliminally it still looks unprofessional. A small design system with fixed colours, fonts and spacing prevents this.

Colour with meaning

If every colour appears everywhere, none of them means anything any more. Reserve one signal colour only for actions like "Enquire" or "Book". The eye quickly learns where it can click.

Contrast and legibility

Light grey text on a white background looks elegant but is hard to read. The Web Content Accessibility Guidelines (WCAG) require a contrast ratio of at least 4.5 : 1 for normal text [4]. For large text 3 : 1 is enough. Check this with a contrast tool instead of relying on gut feeling.

Which language builds trust?

Concrete instead of interchangeable

"We offer tailor-made solutions for your business" is on every second agency website. The sentence says nothing. "We build websites that bring enquiries, not design awards" is concrete. It sets you apart and makes a promise that can be checked.

Short sentences for what matters

The key statement of a paragraph belongs in a short sentence. Explanation and example can follow. A good guideline is sentences of 12 to 20 words. Vary the length so the text doesn't sound choppy.

Active and personal

"It is recommended that a CMS be used" sounds like a government office. "We recommend a CMS" sounds like a person. Active sentences say who does what. That comes across as more direct and more honest.

Honesty as a stylistic device

A paragraph that openly says when your offer isn't a fit builds more trust than any superlative. Readers can tell the difference between advertising copy and an honest assessment very precisely. That's why many of our articles have a section on when something doesn't fit.

Translate jargon

Your customers aren't marketing professionals. Many don't understand terms like "conversion", "hero" or "lead". Write "enquiry" instead of "conversion" and "top of the homepage" instead of "hero". Where a technical term has to stay, explain it once within the sentence.

Formal or casual?

There's no right answer, only a fitting one. What matters is how your customers speak themselves. In German this is the choice between the informal "du" and the formal "Sie"; in English it shows in tone: first names or titles, contractions or none, a joke or none. A trades business with young customers can be casual. A law firm whose clients address each other formally should be formal too.

Two rules always apply. Stick to one register on every page, including forms and confirmation emails. And match the tone to the form of address: a casual greeting followed by bureaucratic language feels wrong, and so does a formal tone full of puns. In German we use "du", because it suits TACOBITE.

Where do design and language reinforce each other?

At every important element of a page, both have a job. If one is missing, the other fizzles out:

ElementJob of the designJob of the language
Top of the homepageLargest type, one clear button, a real imageSay in one sentence what you do for whom
ButtonSignal colour, clearly visible, big enough to tapName the action: "Book an appointment" instead of "Learn more"
PricesA clear table or cardsConcrete services instead of vague packages
FormFew fields, clear error messagesSay what happens after sending
TestimonialsPhoto, name and company visibleReal quotes instead of polished advertising lines

Design opens the door. Language decides whether the visitor walks through it.

What does this look like in a real project?

One example from our work is Hotel Zuckerfabrik, an Art Deco boutique hotel in Stuttgart-Bad Cannstatt. The old website had no booking button at the top. The transparent navigation was barely legible. The rooms were listed as running text without photos, and availability could only be reached via a detour.

In the relaunch we solved design and copy together. At the top there's now a clear headline, the "Book now" button and an availability widget. The rooms appear as cards with photos. And the whole site is built for the phone. Every design decision has a sentence that carries it, and vice versa.

Which mistakes do we see most often?

These patterns come up again and again in website checks. The list is project experience, not statistics:

  • The slogan is bigger than the offer. At the top it says "Passion for quality". What the company does only appears three screens further down.
  • Too many buttons. "Learn more", "Contact", "Newsletter" and "Quote" compete side by side. In the end nobody clicks.
  • Stock photos of people who don't exist. Visitors immediately recognise the smiling team in an open-plan office as an archive image.
  • We-sentences instead of customer benefit. "We have been … for 20 years" doesn't answer the visitor's question: what's in it for me?
  • Text as an image. Nobody can copy headings inside graphics, and search engines read them poorly.
  • The phone comes last. Everything looks good on desktop. On the phone, the button slips below four paragraphs of text.

How do you test the effect without a big budget?

You don't need a lab. Three simple tests quickly show you where things get stuck:

  1. The five-second test. Show five people outside your company the homepage for five seconds. Then ask: what does the company offer, and what would you click now? If the answers diverge, the hierarchy is unclear.
  2. The read-aloud test. Read your copy out loud. Where you stumble or need to take a breath, the sentence is too long. Where you cringe, it's an empty phrase.
  3. The competitor test. Copy your headline onto a competitor's website. If it fits there just as well, it says too little about you.

In addition, check contrast with a free online tool. It takes two minutes and uncovers the most common legibility problems.

Checklist: 10 questions for your homepage

  1. Does a stranger understand within five seconds what you offer and for whom?
  2. Is the most important statement also the largest element?
  3. Is there a clear button at the top with a concrete action?
  4. Does this button have a colour that appears nowhere else?
  5. Does the text meet a contrast of at least 4.5 : 1?
  6. Do headings and buttons of equal rank look the same everywhere?
  7. Is there no sentence that could just as well be on a competitor's site?
  8. Is jargon translated or explained?
  9. Do you stick to one register everywhere?
  10. Do real photos show real people, rooms or products?

If you hesitate on more than three questions, it's worth a closer look. More warning signs are in the 7 signs your website needs an update.