# Dark Tech 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.

- Period: 2019–present
- Where: North America, Global / networked
- Origin: San Francisco and remote-first developer-tool startups (Linear, Vercel, Raycast)
- Branch: Digital native
- Also known as: Linear style, Dark SaaS aesthetic, Dark-mode minimalism
- Page: https://stylogeny.com/styles/dark-tech-minimalism/

## 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.

## Its design choices

Defining choices make the style, characteristic ones are usual, occasional ones turn up now and then.

### Layout & composition
- [Cards & bento tiles](https://stylogeny.com/design-choices/cards-and-bento-tiles/) (defining)
- [Central symmetry](https://stylogeny.com/design-choices/central-symmetry/) (characteristic)
- [Modular grid](https://stylogeny.com/design-choices/modular-grid/) (characteristic)
- [Isolated object](https://stylogeny.com/design-choices/isolated-object/) (occasional)

### Space & hierarchy
- [Generous white space](https://stylogeny.com/design-choices/generous-white-space/) (defining)
- [Single focal point](https://stylogeny.com/design-choices/single-focal-point/) (characteristic)
- [Extreme scale contrast](https://stylogeny.com/design-choices/extreme-scale-contrast/) (characteristic)
- [Illusion of depth](https://stylogeny.com/design-choices/illusion-of-depth/) (occasional)

### Typography
- [Grotesque & neo-grotesque](https://stylogeny.com/design-choices/grotesque-and-neo-grotesque/) (defining)
- [Monospace](https://stylogeny.com/design-choices/monospace/) (characteristic)
- [Tight setting](https://stylogeny.com/design-choices/tight-setting/) (characteristic)
- [Type as image](https://stylogeny.com/design-choices/type-as-image/) (occasional)

### Colour
- [Dark ground](https://stylogeny.com/design-choices/dark-ground/) (defining)
- [Monochrome](https://stylogeny.com/design-choices/monochrome/) (characteristic)
- [Gradients](https://stylogeny.com/design-choices/gradients/) (characteristic)
- [Limited spot colours](https://stylogeny.com/design-choices/limited-spot-colours/) (occasional)
- [Fluorescent & neon](https://stylogeny.com/design-choices/fluorescent-and-neon/) (occasional)

### Form & shape
- [Rounded & pill](https://stylogeny.com/design-choices/rounded-and-pill/) (characteristic)
- [Rectilinear](https://stylogeny.com/design-choices/rectilinear/) (occasional)
- [Non-representational](https://stylogeny.com/design-choices/non-representational/) (occasional)

### Surface & texture
- [Flat](https://stylogeny.com/design-choices/flat/) (characteristic)
- [Frosted glass](https://stylogeny.com/design-choices/frosted-glass/) (occasional)
- [Grain & noise](https://stylogeny.com/design-choices/grain-and-noise/) (occasional)
- [Chrome & 3D render](https://stylogeny.com/design-choices/chrome-and-3d-render/) (occasional)

### Ornament
- [Restrained accents](https://stylogeny.com/design-choices/restrained-accents/) (characteristic)
- [Rules & bars](https://stylogeny.com/design-choices/rules-and-bars/) (occasional)

### Imagery
- [Diagram & data](https://stylogeny.com/design-choices/diagram-and-data/) (characteristic)
- [Icons & pictograms](https://stylogeny.com/design-choices/icons-and-pictograms/) (characteristic)
- [3D render](https://stylogeny.com/design-choices/3d-render/) (occasional)

### Medium & production
- [Web & CSS](https://stylogeny.com/design-choices/web-and-css/) (defining)
- [App & OS interface](https://stylogeny.com/design-choices/app-and-os-interface/) (characteristic)
- [Motion & broadcast](https://stylogeny.com/design-choices/motion-and-broadcast/) (occasional)

### Tone & intent
- [Technological & futurist](https://stylogeny.com/design-choices/technological-and-futurist/) (defining)
- [Rational & objective](https://stylogeny.com/design-choices/rational-and-objective/) (characteristic)
- [Luxurious & glamorous](https://stylogeny.com/design-choices/luxurious-and-glamorous/) (occasional)

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

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

- Grew out of: [Minimalist Graphic Design](https://stylogeny.com/styles/minimalism.md) (1965–present)
- Influenced by: [Glassmorphism](https://stylogeny.com/styles/glassmorphism.md) (2020–present)
- Influenced by: [International Typographic Style](https://stylogeny.com/styles/swiss-international.md) (1950–1975)
- Influenced by: [Flat Design](https://stylogeny.com/styles/flat-design.md) (2010–2016)
- Alike in its design choices: [Neo-Swiss Revival](https://stylogeny.com/styles/swiss-revival.md) (2005–present), 44% alike
- Alike in its design choices: [Kinetic Typography & Variable Type](https://stylogeny.com/styles/kinetic-typography.md) (2016–present), 44% alike
- Alike in its design choices: [Roman-like Thai Typography (modern loopless Thai)](https://stylogeny.com/styles/thai-loopless-type.md) (1973–present), 42% alike
- Alike in its design choices: [Fantasy User Interface (FUI) & Sci-Fi HUD](https://stylogeny.com/styles/fantasy-ui.md) (1999–present), 40% alike
- Alike in its design choices: [Y2K Futurism](https://stylogeny.com/styles/y2k-futurism.md) (1997–2005), 40% alike
- Alike in its design choices: [HfG Ulm Systematic Design](https://stylogeny.com/styles/ulm-school.md) (1953–1968), 37% alike

## Real works

- [Linear homepage ('Linear is a better way to build products')](https://web.archive.org/web/20240104070818/https://linear.app/): Linear (Linear Orbit, Inc.), 2023–24 (archived 4 January 2024), Internet Archive Wayback Machine
- [Linear homepage ('The issue tracking tool you'll enjoy using'), Release 2020.12](https://web.archive.org/web/20210101113647/https://linear.app/): Linear (Linear Orbit, Inc.), December 2020 (announces 'Linear Release 2020.12 + Series A'; archived 1 January 2021), Internet Archive Wayback Machine
- [Raycast homepage ('It's as easy as installed')](https://web.archive.org/web/20220106055730/https://www.raycast.com/): Raycast Technologies, 2021–22 (archived 6 January 2022), Internet Archive Wayback Machine
- [Vercel homepage ('Vercel is the Frontend Cloud'), dark theme](https://web.archive.org/web/20240101082721/https://vercel.com/): Vercel (Geist design system), late 2023 (archived 1 January 2024), Internet Archive Wayback Machine
- [iPhone 15 Pro product page ('Titanium')](https://web.archive.org/web/20230912184858/https://www.apple.com/iphone-15-pro/): Apple, 12 September 2023 (launch-day capture), Internet Archive Wayback Machine

## Sources

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

---

From Stylogeny (https://stylogeny.com/), an atlas of graphic-design styles by Van Riel Online Services. How it is made: https://stylogeny.com/about/. Cite as: Stylogeny, “Dark Tech Minimalism”, https://stylogeny.com/styles/dark-tech-minimalism/