Linear UI Reference

This repository contains a detailed decomposition of the Linear.app user interface design system. It includes extracted CSS values, typography scales, color palettes, and component references intended for recreating the "Linear look" in web projects.

Documentation contents

• Color Palette - Backgrounds, text colors, and semantic tokens.
• Typography - Font stack, heading scales, and letter spacing.
• Components - Button styles, card layouts, and badges.
• Screenshots - Index of captured visual references.

Asset Directory

High-resolution screenshots are available in the assets/screenshots directory for visual inspection of:

• Landing Page sections
• Pricing Tables
• Documentation specific layouts

Quick Start

To apply the Linear theme basics, import the CSS variables from docs/colors.md and set your base font-family to Inter:

body {
  background-color: rgb(8, 9, 10);
  color: rgb(247, 248, 248);
  font-family: "Inter", sans-serif;
}