Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Dark precision style inspired by Linear v1.0.0

Use this resource to build a crisp, dense dark-mode product site

New

  • 57 downloads
  • 87 likes
  • 73 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install linear-dark-precision

First time: connect the CLI with

npx --yes palatekit@latest login

The agent reads this DESIGN.md to reproduce the look of Linear's website: surfaces stepped by luminance, hairline white borders, tight headlines and a single indigo accent. You get consistent launch or product pages with sizes, shadows and components already specified.

Mostly picked by

Updated November 2, 2026

Near-black background, off-white text and a single indigo accent.

Details

Works in
Install guides
Generates with
Your agent's model
Licence
MIT

Similar resources

View all

What you get

  • DESIGN.md: palette, typography, components, shadows and prompt guide
  • tailwind.css, shadcn-theme.css and tokens.json: the same values as ready-to-import variables

Good fit for

  • Launch page for a tool or app
  • Dark-mode startup website
  • Restrained pricing or features page

Not for

  • Warm or colorful brands
  • Light-first websites
  • Long editorial content meant for print

Tags

  • dark mode
  • saas
  • indigo
  • inter
  • landing page

About

You say

"Read DESIGN.md, then build my app's home page following this dark style."

Near-black background, off-white text and a single indigo accent.

DESIGN.md file published by sunil-dsb under the MIT license.

Show more

Prerequisites

You bring
The copy and structure of your page

How to use it

  1. Copy DESIGN.md to the root of your project.
  2. Ask your agent to read the file before building pages.
  3. Adjust colors or fonts if your brand requires it.

Content preview

Files

  • DESIGN.md24.8 KB
  • LICENSE1.1 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • shadcn-theme.css1.1 KB
  • tailwind.css3.7 KB
  • tokens.json152.2 KB

Origin and licence

Modified by PalateKit

Author
sunil-dsb
Source
github.com/sunil-dsb/design.md/tree/8267737bf1392628d655b880431b56a9f6c3b625/examples/linear
Licence
MIT

Notice

Version modifiée de « linear » (sunil-dsb, MIT) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

Is this Linear's official design system?

No. The file says so itself: it is an analysis of the public website and values may be approximate. Treat it as inspiration, not a brand guide.

Where do I put the file?

At the project root, named DESIGN.md. Then ask your agent to read it before building or editing any interface.