A universal design system built for clarity.
Lexicon removes ambiguity: a complete Figma library, tailored utility classes, CSS custom properties, and clear implementation guidance. It’s also the shared foundation behind every product at the pace — tested in production, not just in theory.
What it does
Figma library
A complete, tokenised component library — ready to use, built on consistent foundations.
CSS custom properties
Design tokens shipped as CSS variables. Works with any stack, zero lock-in.
Tailored utilities
Purpose-built utility classes that map directly to the system — a Tailwind complement, not a copy.
Implementation guidance
Clear docs for every token, component, and pattern. No tribal knowledge.
Open-source core
The foundation is free — tokens, base components, and utilities for everyone.
Accessibility built in
Contrast, focus management, and semantic structure baked into every component.
Pricing
Core
Design tokens, base components, and utility classes. Everything to get started.
- •CSS custom properties
- •Base components
- •Utility classes
- •Documentation
Individual
The full Figma library, advanced components, and page templates.
- •Everything in Core
- •Full Figma library
- •Advanced components
- •Page templates
Team
Shared access for up to 5 seats, with team docs and contribution guidelines.
- •Everything in Individual
- •Up to 5 seats
- •Contribution guide
- •Priority support
Lexicon is on the way.
Parlance validates against it. Tailwind Translator maps to it. Everything connects through one system.