FeaturesCommunityGuidesUse casesCompareToolsBlogPricing
Orlume logo
Questions·Web design· 5 min read

What are the most common website design mistakes?

Website design mistakes that make sites look amateur and lose visitors: too many fonts, weak contrast, vague headlines, clutter and slow images, with fixes.

The short answer

The most common website design mistakes are a vague headline, too many fonts and colors, low-contrast gray text, inconsistent spacing, cluttered navigation, generic stock photos, walls of text, competing calls to action, heavy images that slow the page, and layouts that break on phones. Each is quick to fix, and fixing three or four usually changes how professional a site feels.

  • Most mistakes are about clarity and restraint, not missing features.
  • Low contrast and tiny text are both a design problem and an accessibility failure.
  • A vague headline costs more visitors than any visual flaw.
  • Check every page on a phone; most traffic is mobile.

01Mistakes that cost visitors immediately

Visitors decide quickly. Nielsen Norman Group's analysis of dwell times found the first 10 seconds of a visit are when people are most likely to leave, in its research on how long users stay on web pages. These mistakes lose people in those seconds.

First-impression mistakes and fixes
MistakeWhy it hurtsFix
Vague headline ("Welcome", "Innovation for tomorrow")Visitors cannot tell what you doSay what you do and for whom in under 10 words
No clear next stepInterested visitors do not know where to goOne primary button, visible on the first screen
Slow first loadPeople leave before seeing anythingCompress images, remove unused scripts
Broken mobile layoutMost visitors are on phonesDesign and test mobile first

02Mistakes that make a site look amateur

  1. 1Too many fontsThree or more typefaces fight each other. Use one or two; best fonts for websites has safe pairs.
  2. 2Too many text sizesNine slightly different sizes read as noise. Pick four or five from a scale.
  3. 3Random spacingGaps of 13, 22 and 37 pixels look accidental. Use a fixed scale, such as multiples of 8.
  4. 4Competing colorsSeveral bright colors leave nothing to draw the eye. Neutrals plus one accent; see how many colors should a website have?.
  5. 5Generic stock photosHandshakes and people at laptops signal template. Use your real product, team and work.
  6. 6Everything centered and equalWhen every element has the same weight, nothing stands out. Give each section one focal point.

03Mistakes that hurt readability and accessibility

Light gray text on white looks elegant in a mockup and fails real people. The Web Content Accessibility Guidelines require a contrast ratio of at least 4.5:1 for normal text, according to the W3C's contrast guidance. Tiny body text, long lines that run across a wide screen and walls of unbroken text add to the problem.

  • Body text under 16 pixels on mobile.
  • Lines longer than roughly 75 characters, which make the eye lose its place.
  • Text over busy images without a background or overlay.
  • Links that look identical to plain text.
  • Animations that cannot be turned off; are website animations good? covers when motion helps.

04Mistakes in structure and content

Some design problems are really content problems. A navigation menu with 12 items, a homepage that tries to describe every service, and three different calls to action on one screen all come from not deciding what matters most. Decide the one thing each page should achieve, then remove what does not serve it.

Placeholder text left in, outdated copyright years and dead links also undermine trust quickly. If you are building with AI, check that every generated sentence is true and specific to you. How to make a website not look AI-generated covers the giveaways.

05How to audit your own site in 20 minutes

  1. 1Five-second testShow the homepage to someone for five seconds. Ask what you do and what they would click.
  2. 2Count fonts and colorsOpen your browser's developer tools or simply list them. More than two fonts or one accent color is a flag.
  3. 3Phone checkOpen every page on your own phone, in daylight, with one hand.
  4. 4Speed checkRun Google's PageSpeed Insights and fix the largest image first.
  5. 5Contrast checkTest body text and buttons against their backgrounds.
  6. 6Read every wordRemove anything vague, untrue or there only to fill space.

What people who tried it say

Hacker News threads about website design often criticize the same things this list does: slow pages, heavy animations, low contrast and generic templates. A recurring point is that plain, fast and clear beats elaborate and slow.

Looking for more first-hand opinions? Search Reddit for “common website design mistakes”. We link the live threads rather than summarizing them, so you read them in full.

Our take

fix the headline and the contrast before anything else. Those two cost more visitors than every other mistake on this list combined, and both take minutes to fix.

Where this falls short

Some of these are guidelines rather than laws; distinctive brands break rules deliberately and well. Accessibility thresholds are legal requirements in some contexts and best practice in others, depending on where you operate.

Where Orlume fits

Orlume avoids most of these by design: it settles hierarchy, type scale, palette and spacing before generating code, so a site starts with two fonts, one accent and a consistent rhythm instead of accumulating them by accident.

Free to start · No card required · Live in one click

Sources

  1. 1.How long do users stay on web pages? · Nielsen Norman Group
  2. 2.Understanding Success Criterion 1.4.3: Contrast (Minimum) · W3C
  3. 3.PageSpeed Insights · Google

Orlume logoResearched and written by the Orlume team · Updated October 2026

Questions

People also ask.

More on common website design mistakes, answered briefly.

What is the biggest website design mistake?

A headline that does not say what you do. Visitors who cannot tell in seconds leave, however good the rest looks.

How many fonts should a website use?

One or two. More than that usually looks inconsistent.

Why does my website look unprofessional?

Usually inconsistent spacing, too many fonts or colors, low-contrast text and stock images. Fixing those changes the impression quickly.

What is the minimum contrast for website text?

WCAG requires at least 4.5:1 for normal text and 3:1 for large text at level AA.

Orlume logoStill stuck? Email us
Orlume logo

Build something that doesn't look AI-made.

Describe the site you want. Watch it get designed, not just generated. Then publish it to its own orlume.site address.

  • Free to start
  • No card required
  • Publish to a live URL
  • You own the code