Skip to content
uiguide.org
Home
Defaults
Tokens
Layout
Spacing
Typography
Color
Buttons
Forms
Components
Feedback
Motion
A11y
CRO
Checklist
Pre-Ship Checklist
Speed is CRO
INP:
aim ≤ 200ms at p75 (responsiveness)
CLS:
avoid layout shift (reserve image space)
Fonts:
swap + stable fallbacks
Rule:
“fast enough” beats “pretty later”
Pre-Ship Checklist
Primary action is obvious in 3 seconds.
CTA is the most dominant element on screen.
All interactive elements have hover/focus/pressed/disabled states.
Links look like links (underlined).
Forms are one-column and errors are recoverable.
Minimum touch targets are respected everywhere.
Contrast is compliant for text and components.
Pages load fast and do not shift layout.
Responsive at breakpoints (especially ≤480px).
Core Web Vitals are not ignored.