Skip to content
NEXBRAND

With clients · Chapter 22

Checking against the CI

A website that has been looked after for three years nearly always drifts: a blue a touch too light, a font somebody added for a form. The check against the CI finds such things.

Checking a site

  1. Open Collect

    Collect in the header.

  2. Choose Check against the CI

    Under What should happen?.

  3. Choose the client

    It needs a published version; the check runs against the one that applies.

  4. Give the sources and click Collect

    Website, GitHub repository or PDF style guide, as in the chapter Collecting.

What the result says

Under “Checked against 2026”, each colour found stands beside the nearest colour of the CI, measured as ΔE 2000:

VerdictDistanceUsually means
Matches.below ΔE 1all in order
Nearly right, ΔE … The CI colour is probably meant.below ΔE 8a wrong shade in a style sheet
Not in the CIabovea foreign colour; its share of everything found stands beside it

Fonts that do not occur in the CI carry “Not in the CI.” The share helps you weigh it up: a foreign colour at one per cent is a margin, one at thirty is a problem.

Collect
The Collect page in the mode Check against the CI, colours found beside the CI's colours, with Nearly right and their ΔE
Nearly right shades beside the CI's colours.

Checking code through the API

The same check runs for programs, in a build pipeline for instance, under POST /api/v1/clients/{client}/audit and over MCP with the tool audit.

  • Colour values: up to 500 per request, as #RGB, #RRGGBB, without #, rgb() or hsl(). The verdicts are same, near (with the colour meant), foreign and unreadable. nexbrand does not read names such as red.
  • A style sheet: up to 500,000 characters. Its colours join the list, and every CSS rule that sets both text and background colour is checked against forbidden colour pairs of the rules and against 4.5:1. nexbrand resolves var() through the sheet's own custom properties.
  • A project: with project, its palette applies.

Pavo saysIn a style sheet nexbrand only sees pairs within one CSS rule. A ground that an element inherits from outside or that another class sets stays invisible; look for yourself where it matters.