ScoreMySiteDesign
Inconsistent fonts, colors and spacing
By Caleb Gross · Updated · Based on Jev AI scores of 116 pages
Short answer
Limit yourself to one or two fonts, one accent color, one button style per role and a small spacing scale, and apply them everywhere.
Pages often grow section by section, and each one ends up a little different: another font size, a new shade of blue, a button with different corners. Individually small, together they make the page feel stitched together.
34%
of the 116 landing pages Jev scored have this issue
7.0/10
average consistency score across the leaderboard
Why it matters
Consistency is one of the quickest signals of quality. Visitors may not name what's wrong, but they feel it, and it lowers trust in the product.
Signs your page has this problem
- More than two font families, or many slightly different text sizes.
- Buttons with different shapes or colors for the same kind of action.
- Uneven gaps between sections.
How to fix it
- 1
Limit your palette
One brand color, one or two neutrals, plus green/red only for status.
- 2
Use a type scale
Pick 4–5 text sizes and use only those.
- 3
Standardize components
One button style per role, one card style, one corner radius.
- 4
Use a spacing scale
Space sections with the same few values (like 16, 32, 64, 96px).
Use a component library
Libraries like shadcn/ui, daisyUI or Tailwind UI give you consistent buttons, cards and spacing by default. Customizing one theme is easier than keeping hand-made sections consistent.
Checklist
- One or two font families
- 4–5 text sizes
- One accent color
- One corner radius
- Consistent section spacing
Pages that get this right
The highest consistency scores on the ScoreMySite leaderboard.
stackboo.com
Stackboo — AI products for indie & solo founders
shopify.com
Shopify: The All-in-One Commerce Platform for Businesses - Shopify
scoremysite.dev
ScoreMySite: free AI landing page grader for conversion and design
Questions
How many fonts should a landing page use?
One or two. Many great pages use a single font family in a few weights.
Does your page make this mistake? Find out in seconds.
Get your free conversion, design and trust scores from Jev AI in seconds. No signup.
More landing page mistakes
Design
AI design slop: why your page looks like every other AI-built site
Purple gradients, glowing blobs and generic sections that all look the same.
Design
Weak visual hierarchy
Everything looks equally important, so nothing stands out.
Design
A landing page that breaks on mobile
Cramped text, tiny buttons and sideways scrolling on phones.
Design
Unpolished details that cheapen the page
Blurry images, misaligned elements, typos and placeholder text.
Design
Low-contrast, hard-to-read text
Light gray text on white, or text over busy images.
Design
Generic stock photos and illustrations
Smiling people at laptops that could be on any website.