Stylogeny combining Ma × Y2K Futurism

Try

Style combination · Contrasts

Ma × Y2K Futurism

Weathered, imperfect materiality is the exact opposite of frictionless chrome; one raw texture can ground a too-slick render.

From the research on Y2K Futurism

Mix them and make something Ma Y2K Futurism

OrbitMa × Y2K Futurism1500 · 1997
A sample layout drawn from the recipe: shapes from Y2K Futurism, their arrangement from Ma, the finish from Y2K Futurism. 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.

Ma & Wabi-sabi Aesthetics Y2K Futurism

Type from Y2K Futurism
Colour from Ma

Y2K Futurism avoids earth & mineral: this is where the two pull against each other, which is the point of the contrast.

Form from Y2K Futurism
Composition from Ma
Surface from Y2K Futurism

Ma avoids chrome & 3d render and gloss & highlights: this is where the two pull against each other, which is the point of the contrast.

02

The type

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

Display · Y2K Futurism

Orbit

Michroma, standing in for Eurostile Extended

Text · Ma

A Japanese aesthetic rooted in Zen and the wabi tea ceremony that prizes austerity, imperfection, impermanence and the charged interval (ma) between things. In graphic design it appears as vast empty grounds, a single off-centre element, muted natural colours, visible material texture and the unrepeatable brush mark, from ink painting to Muji's 'emptiness'.

Shippori Mincho; Ma used Bokuseki and Sōsho cursive kana and kanji

03

The colours

The ground and leading colours come from Ma, with a counter-accent from Y2K Futurism. The ink reads on the ground at 4.5:1 or more.

Ma & Wabi-sabi Aesthetics Y2K Futurism

  • #e9e4d8 ground · 36%
  • #2b2a28 ink · 14%
  • #7d4e3a accent · 18%
  • #1f6fff accent · 14%
  • #b9a88a accent · 10%
  • #0095b6 accent · 8%

As CSS

:root {
  --ground: #e9e4d8;
  --ink: #2b2a28;
  --accent-1: #7d4e3a;
  --accent-2: #1f6fff;
  --accent-3: #b9a88a;
  --accent-4: #0095b6;
  --font-display: "Michroma", sans-serif;
  --font-text: "Shippori Mincho", serif;
}

05

More combinations

With Ma

All 26 combinations with Ma

With Y2K Futurism

All 15 combinations with Y2K Futurism

Every style combination