Stylogeny combining Frutiger Aero × Vaporwave

Try

Style combination · Pairs well

Frutiger Aero × Vaporwave

Both trade on mid-2000s tech nostalgia; mix Aero bubbles and skies with vaporwave's pastel 3D for retro-internet campaigns.

From the research on Frutiger Aero

Mix them and make something Frutiger Aero Vaporwave

AGAINFrutiger Aero × Vaporwave2004 · 2011
A sample layout drawn from the recipe: shapes from Frutiger Aero, their arrangement from Vaporwave, the finish from Frutiger Aero. 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.

Frutiger Aero Vaporwave

Type from Vaporwave
Colour from Frutiger Aero
Form from Frutiger Aero
Composition from Vaporwave
Surface from Frutiger Aero

02

The type

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

Display · Vaporwave

Again

Syncopate, standing in for Full-width Latin text (ａｅｓｔｈｅｔｉｃ)

Text · Frutiger Aero

The glossy, optimistic look of consumer technology from the mid-2000s to the early 2010s, retrospectively named in 2017 by the Consumer Aesthetics Research Institute after Windows Vista's Aero interface and Adrian Frutiger's humanist sans. Translucent glass panels, glossy orbs and buttons, water droplets, bubbles, auroras, green fields and blue skies fused technology with clean nature, set in airy humanist sans-serifs.

Fira Sans; Frutiger Aero used Frutiger and Segoe UI

03

The colours

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

Frutiger Aero Vaporwave

  • #f5fbff ground · 36%
  • #0b5fa5 ink · 14%
  • #22c3c9 accent · 18%
  • #01cdfe accent · 14%
  • #4fb3e8 accent · 10%
  • #05ffa1 accent · 8%

As CSS

:root {
  --ground: #f5fbff;
  --ink: #0b5fa5;
  --accent-1: #22c3c9;
  --accent-2: #01cdfe;
  --accent-3: #4fb3e8;
  --accent-4: #05ffa1;
  --font-display: "Syncopate", sans-serif;
  --font-text: "Fira Sans", sans-serif;
}

04

The two styles

2004–2013 · Global / networked Frutiger Aero The glossy, optimistic look of consumer technology from the mid-2000s to the early 2010s, retrospectively named in 2017 by the Consumer Aesthetics Research Institute after Windows Vista's Aero interface and Adrian Frutiger's humanist sans. Translucent glass panels, glossy orbs and buttons, water droplets, bubbles, auroras, green fields and blue skies fused technology with clean nature, set in airy humanist sans-serifs. A large classical sculpted head rises from a turquoise swimming pool beneath a striped yellow-pink sun, surrounded by palm trees, waterfalls, city buildings and tropical foliage. Floating computer windows, a dolphin, cherry blossoms, a compact disc and a wireframe globe fill the pink-and-purple sky beneath the title “DREAM POOL.” 2011–2017 · Global / networked, North America Vaporwave An internet-born microgenre and visual aesthetic that remixes the debris of late-20th-century consumer culture (Windows 95 dialogs, classical busts, palm trees, mall interiors, Japanese text, early 3D renders) in pastel pinks and cyans. Emerging around 2011 from records by James Ferraro, Daniel Lopatin and Vektroid, it is at once nostalgic homage and deadpan critique of corporate optimism.

05

More combinations

With Frutiger Aero

All 13 combinations with Frutiger Aero

With Vaporwave

All 19 combinations with Vaporwave

Every style combination