Information hierarchy
Headline / sub / body ratio, visual weight, whitespace rhythm, scannability of long pages.
UI Audit
Measurable UI: hierarchy, type, brand, motion
UI quality is more than “does it look nice”. Looo AI scores the structural ingredients that drive trust and conversion.
What we audit
Visual quality you can measure
UI score is more than “does it look good” — it scores readability, hierarchy and responsive integrity.
Typography
Body size ≥ 16px, line-height ≥ 1.5, contrast, font-pair coherence, font-loading FOIT/FOUT.
Brand consistency
Color palette discipline, gradient usage, button states, icon style — does the site look like one product?
Responsive integrity
375 / 768 / 1280 px breakpoints, no horizontal scroll, touch targets ≥ 48 × 48px.
Motion & CWV
CLS < 0.1, INP < 200ms, prefers-reduced-motion respected, animations are subtle and purposeful.
Microcopy
Button labels, empty states, error messages, form helpers — the small text that decides conversion.
Playbook
Six UI moves with outsized impact
1Cap reading width
Long-text containers shouldnt exceed 70ch (about 580–620px). Comfort and comprehension drop sharply past that.
2One brand color + neutrals
Resist the urge to deploy a six-color palette. One brand color + warm/cool neutrals + a single accent is the strongest visual signal.
3Fix vertical rhythm
All spacing in 4 / 8 / 16 / 24 / 32px steps. Random spacing reads as “amateur” faster than any other tell.
4Size every <img>
Set width/height attributes on every image — both for CLS and to reserve layout before paint.
5Touch targets ≥ 48 × 48px
Apple and Google both require 44–48px minimum. Pad small icon-buttons with invisible hit area.
6Subtract before you add
If a section can be deleted without losing meaning, delete it. Page weight, attention budget and CLS all improve.
Turn audit findings into a shipped backlog
Open the Free Toolkit and start by gathering the third-party reports yourself.