BrandDesignSystemAudit / report

BrandDesignSystemAudit report: https://demo-brand.example/

Demo report on a fictional sample site.

Try a live example in 1 click:

0 / 100

8 of 8 checks need attention (1 high priority).

  • ✗ Design tokens (CSS custom properties) (medium): 4 custom properties.
  • ✗ Contained color palette (medium): 63 distinct color values.
  • ✗ Two or three font families at most (medium): 4 families: inter, poppins, roboto, georgia
  • ✗ Limited font weights (low): 6 weights: 300, 400, 500, 600, 700, 800
  • ✗ Dark-mode support (low): No dark-mode rules.
  • ✗ Favicon, app icon and manifest (low): favicon: yes, apple-touch-icon: no, manifest: no.
  • ✗ Vector (SVG) logo (low): No SVG logo detected.
  • ✗ Declared text/background pairs pass WCAG AA (4.5:1) (high): 1 of 2 sampled pairs below 4.5:1, e.g. #9ca3af on #ffffff (2.54).

Markdown version

Fix it in minutes

Get copy-paste fixes for every failing check.

See options

Read-only: the page plus up to 4 same-site stylesheets (2 MB cap). Contrast is computed for color/background pairs declared in the same CSS rule, so it is a sample, not a full accessibility audit.

Often used together