Stylogeny combining Minimalist Graphic Design × Neumorphism

Try

Style combination · Pairs well

Minimalist Graphic Design × Neumorphism

Neumorphic relief only reads in near-empty layouts; apply minimalist restraint so a few controls carry the whole surface.

From the research on Neumorphism

Mix them and make something Minimalist Graphic Design Neumorphism

CalmMinimalist Graphic × Neumorphism1965 · 2019
A sample layout drawn from the recipe: shapes from Neumorphism, their arrangement from Minimalist Graphic Design, the finish from Neumorphism. Not a real work, and not an image of either style.

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.

Minimalist Graphic Design Neumorphism

Type from Minimalist Graphic Design
Colour from Minimalist Graphic Design
Form from Neumorphism
Composition from Minimalist Graphic Design
Surface from Neumorphism

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Minimalist Graphic Design

Calm

Inter Tight, standing in for Helvetica Neue (light weights)

Text · Neumorphism

A short-lived interface trend in which controls are extruded from, or pressed into, a background of the same colour and modelled only by paired soft shadows. Sparked by Alexander Plyuto's 2019 Dribbble banking-app concept and named on UX Collective, it revived skeuomorphic tactility in a monochrome, minimal form, then faded quickly over its weak contrast and poor accessibility.

Jost; Neumorphism used Poppins and Nunito

03

The colours

The ground and leading colours come from Minimalist Graphic Design, with a counter-accent from Neumorphism. The ink reads on the ground at 4.5:1 or more.

Minimalist Graphic Design Neumorphism

  • #ffffff ground · 36%
  • #1a1a1a ink · 14%
  • #d9d6d0 accent · 18%
  • #6c63ff accent · 14%
  • #8c8a86 accent · 10%
  • #a3b1c6 accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #1a1a1a;
  --accent-1: #d9d6d0;
  --accent-2: #6c63ff;
  --accent-3: #8c8a86;
  --accent-4: #a3b1c6;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Jost", sans-serif;
}

04

The two styles

A minimalist white poster has the widely spaced black words “STILL FARTHER” near the upper left and a large black circle in the lower-right area. Most of the surface is empty white space. 1965–present · Global / networked Minimalist Graphic Design Modernism reduced to its barest means, informed by 1960s Minimal art and Japanese emptiness: one image or line of type, vast white or neutral space, a monochrome or near-monochrome palette and meticulous typographic detail. From ECM record sleeves to Muji and Apple packaging, it signals quality, calm and confidence by withholding rather than adding. A pale blue meditation app screen titled “Calm Mode” shows a large circular 25-minute timer with a purple progress arc and a play button beneath it. Raised, softly shadowed controls include settings and bottom navigation for Focus, Sleep, Breathe, and Journal. 2019–2021 · Global / networked Neumorphism A short-lived interface trend in which controls are extruded from, or pressed into, a background of the same colour and modelled only by paired soft shadows. Sparked by Alexander Plyuto's 2019 Dribbble banking-app concept and named on UX Collective, it revived skeuomorphic tactility in a monochrome, minimal form, then faded quickly over its weak contrast and poor accessibility.

05

More combinations

With Minimalist Graphic Design

All 33 combinations with Minimalist Graphic Design

With Neumorphism

Every style combination