Build on the grid. Bold by default.

A geometric design toolkit for interface builders who think in columns, hard lines, and primary color. Compose structured, minimal products — zero decoration tax.

Get the Toolkit See How It Works

Features

Three instruments, one strict grid — everything snaps, nothing wanders.

12-Column Scaffold

Every canvas opens on a strict neoplastic grid with snap guides and asymmetric span presets. Composition first, clutter never.

Hard-Line Tokens

Borders, rules, and shadows ship at 2px — flat, sharp, and pixel-exact. One token file keeps every surface honest.

Contrast Engine

Yellow never meets white, blue never meets black. Pairings are enforced to WCAG AA in both themes, automatically.

How It Works

Compose

Place red, blue, and yellow blocks on the scaffold. The grid keeps every composition balanced — and never boring.

Constrain

Apply the token system: flat fills, hard shadows, zero radius. Decoration is not an option — it is a build error.

Commit

Export semantic HTML and CSS that map one-to-one to your source. What you grid is what you ship.

Built on the Grid

We rebuilt our product surface in NEOGRID and design debates dropped to zero. The grid decides — everyone respects the grid.
Mara JansenDesign Director, Voltform
Our landing page looks like a Mondrian and converts like a chart. Sharp corners, sharper numbers.
Theo BrandtFounder, Atelier Theo

Pricing

Flat prices for flat surfaces. Switch or cancel any time.

Sketch

$0 / month

  • 1 active project
  • 12-column scaffold
  • Community templates
  • Email support
Most Popular

Composition

$19 / month

  • Unlimited projects
  • Full token library
  • Contrast engine
  • Dark mode tokens
  • Priority support

Atelier

$49 / month

  • Everything in Composition
  • Team grid library
  • Code + Figma export
  • SSO and audit log

FAQ

Is NEOGRID a component library or a design system?

Both. It ships as one token file plus 40 layout primitives, from cards to full-page scaffolds. Reskin an entire product by editing tokens — never the markup.

Can I use my own colors?

You can swap the token file, but NEOGRID is opinionated by design: red, blue, yellow, black, and off-white only. The constraint is the feature.

Do exports include dark mode?

Yes. Every export ships both themes behind a single class toggle, with line colors flipped and contrast pairings verified before build.

Join the grid

Early access to NEOGRID 2.0, plus three neoplastic starter grids — free for your first project.