Brand assets
The mark draws what the company does.
A forward signal runs across the input bar and down the stem to an output. A cyan arc returns from that output to the input that caused it, and an amber dot marks the evidence. It is a letter T, and it is the decision trace from our own product, drawn once.
live
Reading the mark
- The bar and the stem, in violet — the forward signal entering a system and propagating to a result.
- The filled node — the output. A grade, a risk score, an inspection verdict.
- The cyan arc — the attribution pass, running backwards from that output to the input responsible for it.
- The amber dot — the evidence, flagged on the input that mattered.
The three colours mean the same three things everywhere they appear on this site: in charts, in progress bars, in the animated hero and in the mark itself.
The system
Four lockups, two single-colour versions and an icon.
Use the horizontal lockup by default. Drop to the mark alone when the name is already present, and to single colour when the reproduction cannot carry three.
Colour
Six values. Three of them carry meaning rather than taste.
Violet, cyan and amber are semantic — they always mean signal, attribution and evidence. The other three are structural.
#6C2BF2
Signal violetForward signal and primary brand#00A3FF
Attribution cyanThe back-pass that traces a result to its cause#FF6A2B
Evidence amberFlagged evidence, used sparingly#0A0F24
InkHeadings, footer blocks and single-colour marks#F1F4FC
PorcelainThe page canvas#00B87C
Signal greenLive status only, never decorationTypography
Three faces, each with one job.
The wordmark is drawn as outlines, so nothing depends on a font being installed on the viewer's machine.
Aa Bb Cc
Headlines, the wordmark and card titles. Weights 600 and 700 only.
Aa Bb Cc
All running text and interface labels. Weights 400 and 500.
123 456
Figures, specification tables and the descriptor line under the wordmark. Never body copy.
Using it well
Four rules, and four things not to do.
The mark carries meaning, so distorting it distorts the claim.
Do
- Leave clear space around the lockup equal to the height of the mark.
- Keep the mark at 24px or larger; below that, use the simplified favicon.
- Use the dark lockup on anything darker than the porcelain canvas.
- Reach for SVG first; PNG only where vector is not accepted.
Do not
- Recolour the arc or the dot. They mean attribution and evidence.
- Stretch, rotate, outline or add a shadow to the mark.
- Rebuild the wordmark by typing it — use the outlined files.
- Place the full-colour mark on a busy photograph; use single colour.
Downloads
Sixteen files, plus every raster size.
SVG for anything that scales, PNG for platforms that will not take vector, and an ICO for older browsers.
Full-colour lockups
The mark on its own
Every file sits in the /logo folder alongside this site, with rasters under /logo/png. The wordmark is converted to outlines, so the files render identically with no font installed.
Need the logo in a format that is not here?
Tell us what the platform requires and we will produce it. There is no brand agency in the middle.