Canvas Grid

The system your team
actually wants to open.

Built for teams who care about pace, clarity, and the small details that make a tool feel quietly excellent every single day.

Start building Read the changelog

Inbox · This week

v2.4

ENG-241

Stream priority queue cancellations

OPS-242

Migrate auth flow to OIDC

WEB-243

Cache invalidation on deploy

API-244

Refactor billing webhook

BUG-245

Layout shift on hero load

Palette

#08090A

surface

#101113

text

#F7F8F8

muted

#8A8F98

accent

#5E6AD2

accent2

#A8B1FF

Typography

DISPLAY

Inter Tight

500 / 600. Tracking -2%. The closest free analogue to Linear's Inter Display.

BODY / UI

Inter

Built for teams who care about pace, clarity, and the small details that make tools feel excellent.

400 body, 500 labels. Generous line-height 1.6 for product copy.

Best for

Modern SaaS, product teams, B2B tools where polished precision and product feel sell the work.

Real-world examples

Linear ↗Faint grid, Inter Display headings, indigo roundels, timeline mocks.
Plain ↗Linear-trained playbook, warmer accent, even tighter mock-as-hero.
Cursor ↗Same genre, monochrome canvas with one controlled accent.

Like this direction?

Start a project with Canvas Grid as the brief.

A free design concept of your homepage in this style. No payment, no obligation.

Browse other directions

Hard Stamp

Grid Doctrine

Clay & Oat

Drafting Table

Bento Tile

Riso Bloom

Soft Mesh

Cinema Theatre

Wall Space

Keynote Hero

Happy Hand

Stripe Wireframe

The Margin

Neon Terminal

Shader Hero

Axis Play

Raw HTML '96

The system your team actually wants to open.

Start a project with Canvas Grid as the brief.

The system your team
actually wants to open.