Design
Designing with tokens, not pixels
How a token-driven system keeps a product consistent as it scales across teams.
Nexigrid gives you a complete design system out of the box. Pick your colors, ship production-ready CSS — every shade recomputed for you.
Token-driven theming, zero runtime. Change a color, the whole system follows.
Brand colors, dark mode, custom schemes — all from one set of variables.
Export plain CSS you own. Load it after the framework and self-host anywhere.
This paragraph uses your typography tokens — font, scale and line-height. Headings, body text and links all follow the theme you set on the left, so you can judge real readability, not a swatch.
Guides, release notes and stories from the team.
How a token-driven system keeps a product consistent as it scales across teams.
One set of variables, two schemes — and zero duplicated CSS to maintain.
Pick one color and let the framework derive every hover, soft and dark shade.
| Title | Category | Author | Status | Views |
|---|---|---|---|---|
| Designing with tokens, not pixels | Design | M. Bianchi | Published | 3.2k |
| Shipping dark mode the easy way | Engineering | G. Verdi | Published | 2.1k |
| From brand color to full palette | Product | L. Neri | Draft | — |
| A11y notes for color systems | Design | S. Gialli | Scheduled | — |
Here's what's happening across your projects today.
| # | Customer | Total | Status |
|---|---|---|---|
| #4021 | Marco Bianchi | € 320 | Paid |
| #4022 | Giulia Verdi | € 1,150 | Pending |
| #4023 | Luca Neri | € 78 | Refunded |
| #4024 | Sara Gialli | € 540 | Paid |
| #4025 | Davide Russo | € 92 | Pending |
| #4026 | Elena Conti | € 2,340 | Paid |
| #4027 | Paolo Ferrari | € 410 | Processing |
Acme Console — themed live with Nexigrid Theme Studio
A plain card themed only through its component tokens — background, text, border and radius.
Are you sure you want to proceed? This action can't be undone.
| Title | Category | Author | Status |
|---|---|---|---|
| Designing with tokens | Design | M. Bianchi | Published |
| Shipping dark mode | Engineering | G. Verdi | Published |
| Brand color to palette | Product | L. Neri | Draft |
| A11y for color systems | Design | S. Gialli | Scheduled |
Tab content themed only through the tab tokens — color, active color, underline and padding.
Panel body content, themed only through the panel tokens — background, header, border and padding.
Content above the divider.
Content below the divider.
More content.
A paragraph of body text with a themed link and some inline code, showing the prose content tokens.
Change a color, the whole article follows — headings, links and code blocks included.
Content behind the loader…
More content behind the blur.