Style combination · Pairs well
Dark Tech Minimalism × Neo-Swiss Revival
Borrow neo-Swiss grids and big, tightly tracked grotesque headlines to give dark product pages editorial structure.
Mix them and make something Dark Tech Minimalism Neo-Swiss Revival
01
What each style brings
Each part of the design comes from the style with the stronger say in it, and each style gives at least two.
Dark Tech Minimalism Neo-Swiss Revival
- Type from Neo-Swiss Revival
- Colour from Dark Tech Minimalism
- Form from Neo-Swiss Revival
- Composition from Dark Tech Minimalism
- Surface from Dark Tech Minimalism
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Neo-Swiss Revival
Index
Inter Tight, standing in for Neue Haas Grotesk (Christian Schwartz revival)
Text · 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.
Inter; Dark Tech Minimalism used Inter and Geist
03
The colours
The ground and leading colours come from Dark Tech Minimalism, with a counter-accent from Neo-Swiss Revival. The ink reads on the ground at 4.5:1 or more.
Dark Tech Minimalism Neo-Swiss Revival
-
#08090aground · 36% -
#f7f8f8ink · 14% -
#a855f7accent · 18% -
#ff4a1caccent · 14% -
#5e6ad2accent · 10% -
#1d3bffaccent · 8%
As CSS
:root {
--ground: #08090a;
--ink: #f7f8f8;
--accent-1: #a855f7;
--accent-2: #ff4a1c;
--accent-3: #5e6ad2;
--accent-4: #1d3bff;
--font-display: "Inter Tight", sans-serif;
--font-text: "Inter", sans-serif;
}04
The two styles
05
More combinations
With Dark Tech Minimalism
- Generative & Dynamic Identities Pairs well · Run a generative shader or particle field behind the hero to replace stock imagery with live, on-brand texture.
- Corporate Memphis Contrasts · Dark tech minimalism displaced Corporate Memphis on SaaS sites; reintroduce one illustration only if the page genuinely lacks warmth.
- Neo-Brutalism Contrasts · A section of bright, outlined neo-brutalist boxes can break a monotonous dark page or signal an indie side project.
- Newsroom Data Graphics & Scrollytelling Contrasts · The dark dashboard shows unannotated metrics in tiles for people who already know what to look for; the newsroom chart sits on white and tells a general reader in words what the data shows. Add a finding title and one annotation when a dashboard has to explain itself.
- Glassmorphism Pairs well · On near-black grounds, a single glass pane with a 1px light border and a soft glow adds depth without clutter.
- Bento Feature-Grid Design Pairs well · Set the tiles on a near-black ground with hairline borders to get the dark SaaS variant of the same mosaic.
- Rave & Acid House Graphics Contrasts · Both live on black, but one whispers and one shouts; borrow a single neon gradient to wake up a restrained dark interface.
- Synthwave / Outrun Contrasts · Both live on dark grounds, but dark tech minimalism keeps gradients faint and drops nostalgia and ornament; switch to it when the neon sunset would shout over the content.
With Neo-Swiss Revival
- Risograph & Indie Print Culture Pairs well · Print neo-Swiss posters in two riso spot inks to add grain and warmth to a strict grid.
- Acid Graphics / New Ugly Contrasts · Acid graphics' chrome chaos is the opposite pole; one liquid-metal element can puncture a too-polite grid.
- Brutalist Web Design Pairs well · Expose neo-Swiss grids with raw HTML defaults and visible borders for a stripped, contemporary web voice.
- Victorian Letterpress & Wood Type Contrasts · Victorian wood-type eclecticism is the history Swiss typography rejected; a single wood-type headline can warm a cold grid.
- Seoul Independent Graphic Design (Small-Studio Scene) Contrasts · The Seoul studios share Neo-Swiss's Dutch and Swiss roots (Mevis & Van Deursen, Jude Kang's studies in Switzerland, Favorit Hangul extending the Swiss foundry Dinamo's Favorit), but Neo-Swiss sets one Latin grotesque flush left on a modular grid, while the Seoul studios centre their text, repeat circles and letters as objects, and make Hangul, reshaped and set beside Latin, the main material.
- Blue Note Jazz Sleeve Modernism Contrasts · The atlas's nearest genome: both blow a grotesque up to fill the format on a white ground with one signal colour, but Swiss revival locks it to a modular grid, flush left, in one neo-grotesque; Blue Note crops and tints a documentary photograph, mixes in Ultra Bodoni and Clarendon, and squeezes, warps and runs words off the edge by eye. Choose Blue Note when the type should swing rather than align.
- Lucerne Poster Scene (Neubad & Südpol Posters) Contrasts · Neo-Swiss keeps the grotesque intact on a modular grid for identities and the web; Lucerne keeps the grotesque only for the small print and distorts the title itself, poster by poster. Choose neo-Swiss for a system, Lucerne for a one-off event.
- Emigre & Early Digital Type Contrasts · Neo-Swiss restraint is the foil to Emigre's typographic overload; one Emigre display face in a neo-Swiss layout adds personality.