darkminimalprofessionaldeveloper-focused

Linear Colors & Fonts

What colors and fonts does Linear use? The issue tracking tool loved by developers. Dark, minimal, fast.

Extract Live DesignVisit Linear

Linear Color Palette

Primary: #5E6AD2

Primary

#5E6AD2

Buttons, links, accents

Background

#0A0A0B

Main background

Surface

#1A1A1C

Cards, modals

Border

#2A2A2D

Dividers, borders

Text Primary

#FFFFFF

Headings

Text Secondary

#8A8A8A

Body text, captions

What Font Does Linear Use?

Linear uses Inter and Inter

Headings

Inter

600google
Body Text

Inter

400google
Code

JetBrains Mono

400google

Spacing & Radius

Spacing Scale

Base: 4px

48121624324864

Border Radius

Small4px
Medium8px
Large12px

Linear Tailwind Config

Copy this config to your project

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'primary': '#5E6AD2',
        'background': '#0A0A0B',
        'surface': '#1A1A1C',
        'border': '#2A2A2D',
        'text-primary': '#FFFFFF',
        'text-secondary': '#8A8A8A',
      },
      fontFamily: {
        'heading': ['Inter', 'sans-serif'],
        'body': ['Inter', 'sans-serif'],
        'mono': ['JetBrains Mono', 'sans-serif'],
      },
    },
  },
}

Extract Linear's Full Design

Get pixel-perfect colors, fonts, and spacing extracted directly from the live site. Ready for Tailwind and Cursor AI.

Get PromptUI — $19

One-time payment · 20 extractions · No subscription

Similar Design Systems

Explore more design systems

Stripe

Payment infrastructure for the internet. Clean gradients, polished.

Vercel

Frontend cloud platform. Black & white, sharp, bold typography.

Raycast

Productivity tool for developers. Vibrant gradients, dark UI.

Supabase

Open source Firebase alternative. Green accents, dark theme, developer-friendly.

Updated: 2025-01-15