Linear – The system for product development

Linear exudes a sophisticated, high-performance vibe tailored for modern product development teams. It projects an image of cutting-edge efficiency and serious innovation, particularly with its focus on AI workflows, while maintaining a clean, understated aesthetic.

developer-first
premium
efficient
innovative
technical
modern
focused
high-performance
Visual Energy4/10
Calm & UnderstatedHigh-Energy & Bold

Comparable Brands

SupabaseVercelNotionFigma

01 / Color Palette

Colors

#000000

primary

#08090a

background

#000000

surface

#f7f8f8

text

#ffffff

link

02 / Typography

Fonts

Font Families

Inter Variable

body
400
510
self-hosted

SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif

Inter Variable

heading
510
590
self-hosted

SF Pro Display, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif

Berkeley Mono

mono
400
self-hosted

ui-monospace, SF Mono, Menlo, monospace

Type Scale

body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

h4

The quick brown fox

03 / Voice & Tone

Personality

FormalFormalityCasual
PlayfulMoodSerious
EnthusiasticEnergyMatter-of-Fact
RespectfulAttitudeIrreverent
TechnicalComplexityAccessible

04 / Brand Rules

Dos & Don'ts

Do

  • Utilize Inter Variable font for all primary text, specifically weights 510 and 590 for headings and 400 for body text.
  • Apply sentence-case for all headings to maintain a serious and direct tone.
  • Ensure body text has a line-height of 24px for optimal readability on dark backgrounds.
  • Employ Berkeley Mono font at 400 weight exclusively for code snippets or technical monospaced text.
  • Maintain a high contrast color scheme with #000000 as primary text color and #08090a as the background in light mode, with #f7f8f8 for text against dark backgrounds.
  • Craft CTAs using action-oriented, benefit-focused, and status-oriented language to emphasize value and progression.
  • Incorporate moderate vocabulary with heavy use of industry-specific jargon to resonate with a technical audience.

Don't

  • Avoid using any emojis in marketing or product copy to maintain a serious and professional demeanor.
  • Do not use exclamations; keep the tone matter-of-fact and confident.
  • Refrain from using title case or all caps for headings; strictly adhere to sentence-case.
  • Do not introduce any additional font families beyond Inter Variable and Berkeley Mono.
  • Avoid bright or playful color accents; stick to a monochromatic or subtly muted palette.
  • Do not use overly casual or informal language; maintain a sophisticated and technical vocabulary.
  • Do not dilute messaging with excessive repetition; ensure repetition serves a specific emphasis or rhetorical purpose.

05 / Brand Vibe

Details

Design Era

contemporary-minimal

Emotional Tone

authoritative-innovative

Target Audience

Product managers, engineering leads, and development teams within tech companies, especially those adopting AI-driven workflows, who prioritize efficiency, advanced tooling, and a premium user experience.

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.