01
Grid engine
Set 2 to 24 columns with live gutters and margins. One token set drives every breakpoint.
N°01 A precision layout tool for designers
Set type on a grid. Ship with precision.
GRID is a precision layout tool for designers. Twelve columns, strict baselines, zero decoration. Every value becomes a token.
01 Features
The grid is the interface.
02
Baseline ruler
Lock type to a baseline grid. Leading and measure are computed — no manual nudging.
03
Token export
Ship specs as CSS variables and layout JSON. Every value is named. Nothing is hardcoded.
02 Process
Three steps. No negotiation.
Set the grid
Choose columns, gutters, margins. Stored as tokens from the first click.
Place your type
Flush left, ragged right. The engine enforces hierarchy and measure.
Export the spec
Generate one stylesheet. Change a token, and every dependent rule updates.
03 Pricing
Plain numbers. No asterisks.
Studio
For one designer.
$0/ forever
- 3 active layouts
- Grid engine
- PNG spec export
Featured
Team
Per designer, monthly.
$18/ month
- Unlimited layouts
- Baseline ruler
- CSS + JSON export
- Shared token library
Agency
Per designer, monthly.
$49/ month
- Everything in Team
- SSO and audit log
- Priority support
04 Testimonials
In use.
“GRID ended every argument about spacing. One grid, one token file, and the specs speak for themselves.”
“The export is the feature. One stylesheet, every value named. Our engineers stopped guessing.”
05 FAQ
Questions, answered plainly.
Which browsers does GRID support?
All current versions of Chrome, Firefox, Edge, and Safari. Exported layouts are standard CSS Grid — no runtime script required.
Can I change the grid after export?
Yes. Grid parameters live in one token file. Change the token, regenerate the stylesheet, and every dependent rule updates.
Is there education pricing?
Yes. Verified students and faculty use the Team tier at no cost. Apply from account settings with a school email address.
Get on the grid.
Request access. We reply within one working day. No sales calls.