Stylogeny combining Media-Player × Y2K Futurism

Try

Style combination · Contrasts

Media-Player × Y2K Futurism

Y2K's light candy grounds, translucency and blobs in marketing and print against the skins' dense dark-metal consoles; borrow one translucent blob to lift a heavy chrome player toward the millennium mood.

From the research on Media-Player & Desktop Skins (Winamp-Era Skinning)

Mix them and make something Media-Player Y2K Futurism

FutureMedia-Player × Y2K Futurism1997 · 1997
A sample layout drawn from the recipe: shapes from Y2K Futurism, their arrangement from Media-Player, 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.

Media-Player & Desktop Skins (Winamp-Era Skinning) Y2K Futurism

Type from Media-Player
Colour from Media-Player
Form from Y2K Futurism
Composition from Media-Player
Surface from Y2K Futurism

02

The type

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

Display · Media-Player

Future

Pixelify Sans, standing in for Hand-pixelled bitmap character sheets drawn per skin for scrolling titles

Text · Y2K Futurism

The optimistic, chrome-plated vision of the future that surrounded the turn of the millennium, spread by consumer electronics, music videos, games, fashion and dot-com branding. Translucent candy-coloured plastics, liquid-metal and bubble 3D renders, lens flares, wide techno sans-serifs and icy silver-and-blue palettes sold the digital age as sleek, fluid and weightless, until the dot-com crash dimmed it.

IBM Plex Mono; Y2K Futurism used Eurostile Extended and Microgramma

03

The colours

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

Media-Player & Desktop Skins (Winamp-Era Skinning) Y2K Futurism

  • #0b0d12 ground · 36%
  • #00e83a ink · 14%
  • #ffae00 accent · 18%
  • #1f6fff accent · 14%
  • #b4f02e accent · 10%
  • #3a3b4a accent · 8%

As CSS

:root {
  --ground: #0b0d12;
  --ink: #00e83a;
  --accent-1: #ffae00;
  --accent-2: #1f6fff;
  --accent-3: #b4f02e;
  --accent-4: #3a3b4a;
  --font-display: "Pixelify Sans", monospace;
  --font-text: "IBM Plex Mono", monospace;
}

04

The two styles

An elaborate chrome science-fiction control panel surrounds a blue underwater scene with glowing jellyfish, fish, and an illuminated submerged city. Green displays read “NIGHT DIVE” and “03:27,” alongside playback buttons, equalizer bars, planetary graphics, and orange-lit tubes. 1997–2008 · Global / networked, North America, Western Europe Media-Player & Desktop Skins (Winamp-Era Skinning) An amateur interface craft of the dial-up years in which fans repainted small software windows, above all the Winamp media player, as imaginary hardware: hi-fi faceplates, sci-fi consoles and game props in pixel-painted chrome and brushed metal, with glowing LCD readouts on dark wells, packed transport buttons and spectrum analysers. Freeform formats cut the window into blobs and pods; a large fan strand ranged from simple recolours to anime, game and band art, often in glaring colours and at the cost of legibility. A glossy silver-and-blue music player interface titled FLOW features an abstract glass orb wrapped in reflective, brightly tinted rings. Playback controls, a progress slider, a vertical icon toolbar, and four colorful sound preset thumbnails fill the lower and right edges. 1997–2005 · Global / networked Y2K Futurism The optimistic, chrome-plated vision of the future that surrounded the turn of the millennium, spread by consumer electronics, music videos, games, fashion and dot-com branding. Translucent candy-coloured plastics, liquid-metal and bubble 3D renders, lens flares, wide techno sans-serifs and icy silver-and-blue palettes sold the digital age as sleek, fluid and weightless, until the dot-com crash dimmed it.

05

More combinations

With Media-Player

With Y2K Futurism

All 15 combinations with Y2K Futurism

Every style combination