Skip to content
Browse
Library

Linearity. Glowing studio console.

  • Design tools
  • Dark theme
  • 14 colors
  • 4 typefaces

Linearity — luminous creation console. The page is an almost uninterrupted black field where compact white type, hairline outlines, and pill-shaped controls seem to float without conventional card elevation. AcidGrotesk headlines stay light at weight 400, while a hot orange conversion color and occasional spectral green-to-violet marks puncture the monochrome restraint. Sections use expansive empty space and isolated product demonstrations rather than dense content blocks.

Visit linearity.io
Screenshot of Linearity
Captured from linearity.io on October 11, 2026

Linearity design system

Linearity

Brand2

  • Filled conversion buttons and circular submit controls — a concentrated warm interruption against Void

  • Orange hover treatment, active link fill, and thin warm inset highlight

Accent3

  • Warm product-preview card fill and contained campaign-art surface

  • Orange-button glow, bright decorative borders, and vivid campaign-art accents

  • Sweeping decorative strokes and gradient-led editorial emphasis; Decorative line treatment, highlighted headline underlines, and expressive graphic strokes

Neutrals9

  • Page canvas, full-bleed section backgrounds, dark product-demo interiors

  • Subtle recessed surface and dark overlay layer

  • Raised dark controls, prompt-composer depth, subdued surface detail

  • Secondary dark surface fills and inactive internal UI detail

  • Low-emphasis metadata, tiny helper copy, and quiet interface marks

  • Muted labels, inactive controls, and secondary icon strokes

  • Supporting body copy and descriptive text on black

  • Navigation text, higher-emphasis secondary copy, and fine strokes

  • Headlines, button labels, prominent UI text, borders, and logo marks

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Void on Signal Orange

6.18 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictFails AAA 7

More DESIGN.md files. Same web, different personalities.