Skip to main content
06 / Resources

Adoption checklist

Steps to onboard a new product onto Lexicon. Run through these in order.

Steps

Tokens

Import @lexicon/tokens (or copy the CSS from _tokens/). Confirm var(--color-bg) resolves in DevTools.

Fonts

Load Geist and Geist Mono. Confirm --lex-font-sans and --lex-font-mono resolve correctly.

Theme

Set data-theme="dark" and data-brand="lexicon" on a root wrapper.

Components

Import the components you need. Avoid wholesale imports.

Accessibility

Run an audit (axe or WAVE). Body contrast must meet WCAG 2.2 AA.

Feedback

Surface friction back via the contributing process.