Can website design be scored automatically?
Not directly, and the rubric says so in its own comments. Design is the one category with no direct measurement, so it is scored from three proxies of equal weight 1 each: the Lighthouse best-practices score, mobile Cumulative Layout Shift against the 0.10 and 0.25 bounds, and whether a viewport meta tag exists. Because it is a proxy, Design carries a weight of 0.7 in the composite score, the lowest of all nine categories.
The three proxies stand in for three things that a considered design usually gets right: visual stability, meaning the page does not rearrange itself while you read it; responsiveness, meaning someone thought about narrow screens; and engineering hygiene, meaning the page is not throwing console errors and loading insecure resources. None of them is taste.
All three checks are shared with other categories on purpose. Best practices also feeds UX at weight 1.5, CLS also feeds Performance at weight 1 and Mobile at weight 1, and viewport also feeds Mobile at weight 1.5. There is no signal here that is unique to Design, which is exactly why its composite weight is the lowest in the rubric.
The CLS reading here comes from the mobile run specifically and does not fall back to desktop, matching the Mobile category rather than the Performance one. If the mobile run did not happen, the visual stability check is skipped and Design is scored on the remaining two.
Nothing in this score reads an image. Whatever a report shows you visually, the three numbers above are what produced the Design figure. If you want a judgement on layout, typography or colour, that is a human looking at the page, and it is not what this category claims to be.
What is measured, and how it is scored
3 checks make up the Design score. Weights are relative within the category and sum to 3.
| Check | Rule | Weight |
|---|---|---|
| Lighthouse best-practices score, as a proxy for engineering hygiene | The 0 to 100 score divided by 100, averaged across the mobile and desktop runs when both exist. | 1 |
| Mobile Cumulative Layout Shift, as a proxy for a settled layout | Full credit at 0.10 or below, zero at 0.25 or above, straight line in between. Read from the mobile run only, with no desktop fallback. | 1 |
| Presence of a viewport meta tag, as a proxy for responsive intent | Presence only, no threshold. A non-empty viewport meta scores 1.0 and a missing one scores 0.0. | 1 |
Design questions
Does the tool judge how a website looks?+
No. The Design score is a proxy built from three measurable signals: the Lighthouse best-practices score, mobile Cumulative Layout Shift, and whether a viewport meta tag is present. No image is read and no aesthetic judgement is made.
Why does Design count for the least in the overall score?+
It is weighted 0.7 in the composite, against 1.3 for CTA and 1.15 for SEO and Performance. Design is the only category with no direct measurement of its own, so the rubric deliberately lets it move the headline number least.
What does layout shift have to do with design?+
A page whose elements jump around while it loads reads as unfinished regardless of how good the static layout is. CLS is scored against 0.10 for full credit and 0.25 for zero, and it is one of three equally weighted inputs to the Design number.
Can the Design score be high on an ugly website?+
Yes. A plain page with a clean Lighthouse best-practices score, a mobile CLS at or below 0.10, and a viewport meta tag will score 10 out of 10 on Design. The category measures stability, responsiveness and hygiene, not visual quality.
See how your own page scores on Design and the other eight categories. One full audit every 7 days is free, no card needed.
Run a free audit