Stylogenyin the style of Dark Tech Minimalism

Digital native · 2019–present · North America, Global / networked

Dark Tech Minimalism

Also known as Linear style, Dark SaaS aesthetic, Dark-mode minimalism

The dark, restrained aesthetic of developer tools and SaaS landing pages since about 2019: near-black grounds, grey type ramps, a neutral grotesque such as Inter, hairline borders, soft radial glows and bento grids of crisp product screenshots. Informally named after Linear's website and shared by Vercel, Raycast and many imitators, it borrows the look of code editors to signal precision and premium engineering.

Make something in this styleGet advice in this styleMix it with another style

A dark AI infrastructure homepage features the headline “Build further” above a glowing blue-and-purple sphere. Rounded panels surround it with product features, performance statistics, a Python code example, a usage chart, and deployment options.
AI-generated by Stylogeny from the style’s design choices. Not a real or historical work.

01

How it works

  • Set the page on near-black rather than pure black and build hierarchy from a ramp of greys instead of hue.
  • Use one neutral grotesque (Inter, Geist) with tight negative tracking for headlines, and a monospace for code, labels and shortcuts.
  • Light the darkness sparingly: one accent hue, soft radial glows, gradient-masked text and 1px translucent borders.
  • Organise features in a bento grid of rounded tiles, each holding a product screenshot or micro-animation.
  • Show the product, not illustrations: real interface, code and keyboard shortcuts carry the story.

San Francisco and remote-first developer-tool startups (Linear, Vercel, Raycast)

02

Its design choices

From Stylogeny’s vocabulary of design choices: defining choices make the style, characteristic ones are usual, occasional ones turn up now and then.

Layout & composition
Space & hierarchy
Typography
Colour
Form & shape
Surface & texture
Ornament
Imagery
Medium & production
Tone & intent
Avoids
Light ground, Full polychrome, Earth & mineral, Abundant decoration, Skeuomorphic material, Flat vector illustration, Stylised figuration, Ornamented display

Palette

  • #08090a
  • #18181b
  • #f7f8f8
  • #8a8f98
  • #5e6ad2
  • #a855f7

Typefaces

  • Inter

  • Geist

  • Geist Mono

  • SF Pro

  • JetBrains Mono

Known for

  • Linear

    linear.app

  • Vercel, Geist design system and typeface

    2023

  • Raycast

  • Rasmus Andersson, Inter typeface

    2017

  • Apple Pro product pages

03

Make something in this style

Say what you need, and Stylogeny’s image studio draws it from Dark Tech Minimalism’s design choices and checks it against them. It takes about a minute, and you get a link to share.

Rule out a choice, read the prompt, or blend in another style: take this brief to Mix styles.

04

Where it comes from, and what it’s close to

Before it

The style it grew out of, and the styles it borrowed from.

This styleDark Tech Minimalism2019–present · North America, Global / networked

After it

The styles that grew out of it.

No later style in the atlas grew out of it yet.

Alike in its design choices

Styles that make many of the same choices, related or not, besides those above.

05

Real works

Artefacts in museums, libraries and archives that show the style, linked at their source.

06

Sources

  1. 'The rise of Linear style design: origins, trends, and techniques', Bootcamp (Medium / UX Collective)
  2. Anthony Hobday, 'A critique of the Linear website' (anthonyhobday.com, 2023)
  3. Vercel, Geist design system (vercel.com/geist)

How Stylogeny researches and checks a style: where the facts come from.