AI editorial placeholder — /editorial/00-opening-spread.avif
Vantra — Design system governance
Built for the quiet parts of the interface.
Accessibility Auto-Fixer, running locally on a staging build. Three contrast failures, marked in place.
What this is
Vantra makes tools for the parts of a product nobody photographs — contrast ratios, deprecation notices, the accessible name of a button.
They run on your machine, read your code, and send nothing anywhere.
Open by default, because governance you cannot inspect is just an opinion.
Work
In development
A level is worthless without the three things to do on Monday.
Tools
Twenty small instruments, off the shelf.
The arithmetic behind a design system — contrast, scales, curves, units. Nothing to install, nothing uploaded, every result one click from your clipboard.
01
Contrast Checker
Colour
02
Aspect Ratio Calculator
Layout
03
Font Pairing Studio
Type
04
Modular Type Scale
Type
05
Spacing Scale Generator
Layout
06
Shade & Tint Generator
Colour
07
Easing Curve Visualizer
Motion
08
Unit Converter
Units
09
Radius & Shadow Playground
Layout
10
CSS clamp() Calculator
Units
11
Grid & Flex Builder
Layout
12
Color Ramp Generator
Colour
13
Z-Index Planer
Layout
14
Breakpoint Planer
Layout
15
Icon Grid Checker
Assets
16
Focus Ring Generator
Colour
17
Dark Mode Flip Previewer
Colour
18
Empty State Generator
Content
19
Design System Maturity Check
Governance
20
Screenreader Empathy
Accessibility
Principles
No cloud calls.
Open by default.
Built to be governed, not just used.
A finding is worth nothing without the fix beside it.
Everything is on GitHub, including the parts that are not finished.
github.com/vantradesign(opens in a new tab)hello@vantra.design(opens in a new tab)