Why some websites feel expensive — the teardown checklist

Expensive-feeling websites are not expensive because of what they add. They are expensive because of what they refuse to do: no crowded layouts, no three competing fonts, no animation firing on every scroll. The gap between amateur and premium is a list of small, checkable decisions.

This is the checklist I run when a client asks "why does my site feel cheap next to theirs?". Grade each line pass or fail. Under 70 percent, the redesign pays for itself.

Typography

• Body text stays under about 65 characters per line. Longer lines are the single most common tell of a template site.
• Two font families maximum: one for display, one for text.
• Line height around 1.5 for body text, tighter (1.1 to 1.2) for headings.
• Emphasis uses bold, never italic. Underlines are reserved for links.
• Numbers that update (prices, stats) use tabular figures so they do not jiggle.

Hierarchy and layout

• One clear focal point per screen. If everything is loud, nothing is.
• Spacing follows a rhythm (multiples of 4 or 8 pixels), not eyeballed gaps.
• Whitespace is used as structure. Premium sites let sections breathe; cheap sites fear scrolling.
• Content is aligned to a grid you can actually perceive. Test: could you draw the columns with a ruler?

Color

• A restrained palette: one background family, one ink, at most one accent.
• Text contrast meets WCAG AA (4.5:1 for body text). Gray-on-gray "elegance" that fails this is not elegance.
• State is never conveyed by color alone — errors also get an icon or text.

Motion

• Animations only use transform and opacity, so they run at 60fps.
• Everything is under 300ms. Longer means the interface feels like it is waiting for itself.
• Frequent actions (menus, dropdowns, typing feedback) are instant. The best animation is often none.
• Buttons respond to press — a scale to about 0.97 on active is enough.
• The site respects prefers-reduced-motion. This one is checkable in devtools and almost nobody passes it.

Speed and mobile

• Loads fast on a mid-range phone over cellular, not just on the designer's laptop.
• Images are sized to their container and served in modern formats.
• Touch targets are at least 44 pixels. Fingers are not cursors.
• No layout shift as things load: nothing jumps while you read.

Trust

• A real business name, address, and reachable contact in the footer.
• Legal pages exist and are current (here in Quebec: privacy per Law 25).
• No dead links, no placeholder text, no last-year copyright date.
• The contact path costs one click from anywhere on the site.

How to use this

Copy the list into a note. Open the site on your phone first — most verdicts are already in after thirty seconds of mobile use. Then check the desktop details. Score it honestly.

The pattern you will find: sites that feel expensive pass the boring lines — contrast, spacing rhythm, load speed — not the flashy ones. Restraint compounds. That is the entire secret, and it is free.