Linear (dark) tokens. Measured from linear.app/homepage, 2026-09-23. Headings use tight negative tracking (h1 64px: -1.408px, h2 48px: -1.056px, h3 20px: -0.24px, body 14px: -0.182px).
Base Light
Sign in to use this theme
The install commands for Tailwind v4, Tailwind v3 and plain CSS, the ready-made agent prompts, and this theme's radius, shadow and motion tables open up when you sign in. Free, one click.
You don't need an account to use it: https://stylelift.dev/use/linear is the same instructions as plain text, and every generated file stays open.
Colours
bg #08090asurface #0f1011surface-muted #141516surface-raised #161718surface-strong #1c1c1fcontrol rgba(255, 255, 255, 0.02)hover rgba(255, 255, 255, 0.039)fg #f7f8f8fg-secondary #d0d6e0fg-muted #8a8f98fg-subtle #62666dborder rgba(255, 255, 255, 0.078)border-strong rgba(255, 255, 255, 0.122)line #23252aaccent #7170ffaccent-fg #ffffffaccent-hover #828ffflink #828fffring #6d78d5button-bg #e5e5e6button-fg #08090anav-bg rgba(11, 11, 11, 0.8)footer-bg #08090adanger #eb5757success #27a644warning #f0bf00info #4ea7fc
Typography
sansInter Variable — Æ Ø Å 0123
monoBerkeley Mono — Æ Ø Å 0123
text-2xs · 10pxReiseplanlegger for hele landet
text-xs · 12pxReiseplanlegger for hele landet
text-sm · 13pxReiseplanlegger for hele landet
text-md · 14pxReiseplanlegger for hele landet
text-base · 15pxReiseplanlegger for hele landet
text-lg · 16pxReiseplanlegger for hele landet
text-xl · 20pxReiseplanlegger for hele landet
text-2xl · 24pxReiseplanlegger for hele landet
text-3xl · 32pxReiseplanlegger for hele landet
text-4xl · 48pxReiseplanlegger for hele landet
text-5xl · 64pxReiseplanlegger for hele landet