Stylogeny combining DTC 'Blanding' × Spotify Duotone Identity

Try

Style combination · Contrasts

DTC 'Blanding' × Spotify Duotone Identity

Pastel, quiet and symmetric against saturated, clashing and angled; a pointed tonal opposite.

From the research on Spotify Duotone Identity

Mix them and make something DTC 'Blanding' Spotify Duotone Identity

HelloDTC 'Blanding' × Spotify Duotone2012 · 2015
A sample layout drawn from the recipe: shapes from DTC 'Blanding', their arrangement from DTC 'Blanding', the finish from DTC 'Blanding'. 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.

DTC 'Blanding' / Millennial Minimalism Spotify Duotone Identity

Type from Spotify Duotone Identity
Colour from Spotify Duotone Identity

DTC 'Blanding' avoids complementary clash: this is where the two pull against each other, which is the point of the contrast.

Form from DTC 'Blanding'
Composition from DTC 'Blanding'
Surface from DTC 'Blanding'

02

The type

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

Display · Spotify Duotone Identity

Hello

Jost, standing in for Geometric sans-serifs

Text · DTC 'Blanding'

The friendly, frictionless minimalism of 2010s direct-to-consumer start-ups, built for the phone screen, the Instagram feed and the unboxing. Lowercase geometric or neo-grotesque wordmarks, one muted signature colour such as millennial pink, sage or terracotta, seamless-backdrop product photography and chatty copy made mattresses, razors and suitcases look interchangeable, a sameness critics called 'blanding' before brands swung to colourful maximalism around 2021–2022.

Hanken Grotesk; DTC 'Blanding' used Circular and Graphik

03

The colours

The ground and leading colours come from Spotify Duotone Identity, with a counter-accent from DTC 'Blanding'. The ink reads on the ground at 4.5:1 or more.

DTC 'Blanding' / Millennial Minimalism Spotify Duotone Identity

  • #191414 ground · 36%
  • #ffffff ink · 14%
  • #450af5 accent · 18%
  • #d27c5d accent · 14%
  • #ff4632 accent · 10%
  • #f2e3a8 accent · 8%

As CSS

:root {
  --ground: #191414;
  --ink: #ffffff;
  --accent-1: #450af5;
  --accent-2: #d27c5d;
  --accent-3: #ff4632;
  --accent-4: #f2e3a8;
  --font-display: "Jost", sans-serif;
  --font-text: "Hanken Grotesk", sans-serif;
}

05

More combinations

With DTC 'Blanding'

All 18 combinations with DTC 'Blanding'

With Spotify Duotone Identity

Every style combination