[ Book a call ][ Call ] [ Book a week ][ Book ]

Supply / Design systems / Advanced Data Tables

File 02 of 20

Colour & Type System

One colour system and one type scale that already agree with each other, in both modes, exporting to JSON in one step.

Colour and Type System

€39

one payment · free updates for a year
[ Buy on Gumroad ] [ Get the free starter on Figma Community ]
FormatFigma file · .fig
Contents2 libraries · 9 text styles
Variables64 colour · 9 size
ModesLight · Dark
ExportJSON tokens, one step
LicenceOne team, unlimited projects
Version 2.1 · updated 28 Aug 2026 Bought 214 times

[ What is inside ]

Seventeen components
instead of sixty.

every number counted

The count is the product. Sixty loose frames is what a table becomes when nobody decides what a variant is; seventeen components with properties is the same table after somebody did.

28colour variables
05density variables
15sizes
07text styles
12component sets
17components

[ AI-ready ]

06 of 06 passed

Passes all six checks.

✓

Variables, not hex values

Every colour, size and radius has a name.

✓

Sets, not frames

Twelve sets with properties, not sixty frames.

✓

Traversable naming

One pattern from cover to component.

✓

Tokens export to JSON

Leaves Figma as code in one step.

✓

Zero detached layers

Nothing in the file is a loose copy.

✓

Light and dark on every token

Both modes ship in the same file.

[ What you need ]

Figma with variables

Any paid seat. Variables and modes are used throughout, so a starter seat will open the file but not switch it.

No plugins

Nothing in the file depends on a plugin that could be taken down next year.

Dev Mode, optional

It works without it. With it, every token has a name your engineer can search for.

[ Changelog ]

04 releases

2.128 Aug 2026Comfortable density added. Status pills moved onto their own set.
2.011 Jul 2026Rebuilt on variables. Every hex value in the file is gone.
1.202 May 2026Dark mode on every token, not only on the surfaces.
1.018 Mar 2026First release, out of the week we built R002 Meridian.

[ Built to sit next to it ]

04 files

Form Kit

€29

9 inputs · 5 states · light and dark

Chart Set

€45

12 chart types on one scale

Table Toolbar

€15

filter, sort, search · 3 densities

Colour & Type System

€39

tokens with modes · exports to JSON
Chapter 21 of 25

One file. One week you do not spend.

Free starter on Figma Community if you want to open it before you decide. Same naming, four of the seventeen components.

[ Buy · €39 ]