# 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.

- Period: 1997–2008
- Where: Global / networked, North America, Western Europe
- Origin: Nullsoft's Winamp (first released April 1997), which published skin documentation alongside Winamp 2 (September 1998) and invited users to share skins; taken up by Sonique (Mediascience, Bozeman, Montana, January 1998), Stardock's WindowBlinds, Windows Media Player 7's Skin Mode (June 2000) and fan skin sites such as skinz.org, customize.org and Winamp Facelift, which loosely inspired DeviantArt (August 2000)
- Branch: Digital native
- Also known as: Winamp skins, Application skins, Skinning scene, Freeform skins, Desktop customisation
- Page: https://stylogeny.com/styles/media-player-skins/

## How it works

- Redraw the software window as a fictional machine object floating on the desktop, not as a page or a form.
- Paint every surface by hand, pixel by pixel, as bevelled chrome, brushed metal, rivets and glossy highlights so it reads as three-dimensional.
- Set time, title and track data as glowing green, blue or amber LCD or LED digits in dark recessed wells.
- Pack transport buttons, sliders, a scrolling title and a spectrum analyser into a tight fixed bitmap, docked in framed modules.
- Break out of the rectangle where the format allows: cut the window into blobs, pods or creature shapes with soft edges.
- Put the look before the label: let fan art, theme and finish win, even in glaring colours and even when buttons lose their captions.

## Its design choices

Defining choices make the style, characteristic ones are usual, occasional ones turn up now and then.

### Layout & composition
- [Framed panels](https://stylogeny.com/design-choices/framed-panels/) (defining)
- [Isolated object](https://stylogeny.com/design-choices/isolated-object/) (characteristic)
- [Central symmetry](https://stylogeny.com/design-choices/central-symmetry/) (occasional)

### Space & hierarchy
- [Horror vacui](https://stylogeny.com/design-choices/horror-vacui/) (defining)
- [Illusion of depth](https://stylogeny.com/design-choices/illusion-of-depth/) (characteristic)
- [Layered information](https://stylogeny.com/design-choices/layered-information/) (characteristic)
- [Repetition & rhythm](https://stylogeny.com/design-choices/repetition-and-rhythm/) (occasional)

### Typography
- [Bitmap & pixel](https://stylogeny.com/design-choices/bitmap-and-pixel/) (defining)
- [Monospace](https://stylogeny.com/design-choices/monospace/) (characteristic)
- [Ornamented display](https://stylogeny.com/design-choices/ornamented-display/) (characteristic)
- [All caps](https://stylogeny.com/design-choices/all-caps/) (occasional)
- [Experimental & distorted](https://stylogeny.com/design-choices/experimental-and-distorted/) (occasional)

### Colour
- [Dark ground](https://stylogeny.com/design-choices/dark-ground/) (defining)
- [Fluorescent & neon](https://stylogeny.com/design-choices/fluorescent-and-neon/) (characteristic)
- [Gradients](https://stylogeny.com/design-choices/gradients/) (characteristic)
- [Complementary clash](https://stylogeny.com/design-choices/complementary-clash/) (occasional)
- [Full polychrome](https://stylogeny.com/design-choices/full-polychrome/) (occasional)

### Form & shape
- [Rectilinear](https://stylogeny.com/design-choices/rectilinear/) (characteristic)
- [Rounded & pill](https://stylogeny.com/design-choices/rounded-and-pill/) (characteristic)
- [Biomorphic curves](https://stylogeny.com/design-choices/biomorphic-curves/) (characteristic)
- [Angular & zigzag](https://stylogeny.com/design-choices/angular-and-zigzag/) (occasional)

### Surface & texture
- [Chrome & 3D render](https://stylogeny.com/design-choices/chrome-and-3d-render/) (defining)
- [Skeuomorphic material](https://stylogeny.com/design-choices/skeuomorphic-material/) (defining)
- [Gloss & highlights](https://stylogeny.com/design-choices/gloss-and-highlights/) (characteristic)
- [Frosted glass](https://stylogeny.com/design-choices/frosted-glass/) (occasional)
- [Grain & noise](https://stylogeny.com/design-choices/grain-and-noise/) (occasional)

### Ornament
- [Rules & bars](https://stylogeny.com/design-choices/rules-and-bars/) (characteristic)
- [Abundant decoration](https://stylogeny.com/design-choices/abundant-decoration/) (characteristic)
- [Emblems & badges](https://stylogeny.com/design-choices/emblems-and-badges/) (occasional)

### Imagery
- [Icons & pictograms](https://stylogeny.com/design-choices/icons-and-pictograms/) (characteristic)
- [Found & vernacular imagery](https://stylogeny.com/design-choices/found-and-vernacular-imagery/) (characteristic)
- [3D render](https://stylogeny.com/design-choices/3d-render/) (occasional)
- [Comic & cartoon](https://stylogeny.com/design-choices/comic-and-cartoon/) (occasional)
- [Generative imagery](https://stylogeny.com/design-choices/generative-imagery/) (occasional)

### Medium & production
- [App & OS interface](https://stylogeny.com/design-choices/app-and-os-interface/) (defining)
- [Web & CSS](https://stylogeny.com/design-choices/web-and-css/) (occasional)
- [Motion & broadcast](https://stylogeny.com/design-choices/motion-and-broadcast/) (occasional)

### Tone & intent
- [Technological & futurist](https://stylogeny.com/design-choices/technological-and-futurist/) (defining)
- [Playful & witty](https://stylogeny.com/design-choices/playful-and-witty/) (characteristic)
- [Communal & popular](https://stylogeny.com/design-choices/communal-and-popular/) (characteristic)
- [Rebellious & subversive](https://stylogeny.com/design-choices/rebellious-and-subversive/) (occasional)

Avoids: Generous white space, Flat, Paper & letterpress bite, Ornament-free, Rational & objective, Column grid, Humanist & Garalde serif, Calm & contemplative

Palette: #0b0d12, #3a3b4a, #b8bcc6, #00e83a, #ffae00, #2f6fd6

Typefaces: Seven-segment LCD and LED digit sets for time readouts, Hand-pixelled bitmap character sheets drawn per skin for scrolling titles, Extended techno sans in the Eurostile manner for chrome logos and labels

Known for: Winamp 2 default 'Base Skin' (1998): time in a green LED-style font beside a spectrum analyser; Winamp 2 classic skins (from 1998), with skin documentation published by Nullsoft and nearly 3,000 skins shared by 2000, in categories such as 'Stereo', 'Anime' and 'Ugly'; Sonique (Mediascience, sold to Lycos in 1999; 1998–2002): a highly stylised, animated player with irregular skins; Windows Media Player 7 skins (2000): Headspace, Optik, Roundlet, Rusty, Toothy; Winamp3 (2002) and Winamp 5 (2003) 'modern' freeform skins on the Wasabi framework; Stardock WindowBlinds skins on WinCustomize.com (4,448 by November 2009); Jordan Eldredge, Webamp and the Winamp Skin Museum (2020), built on an Internet Archive collection he began with Jason Scott in 2018 (over 5,000 skins at first; more than 100,000 by 2024)

## Where it comes from, and what it’s close to

- Grew out of: [Bitmap & Pixel Graphics](https://stylogeny.com/styles/bitmap-pixel.md) (1977–1995)
- Influenced by: [Y2K Futurism](https://stylogeny.com/styles/y2k-futurism.md) (1997–2005)
- Influenced by: [Demoscene Graphics (Cracktros, Demos & Text-Mode Art)](https://stylogeny.com/styles/demoscene-graphics.md) (1985–present)
- Alike in its design choices: [Early Web Vernacular](https://stylogeny.com/styles/early-web.md) (1994–2004), 60% alike
- Alike in its design choices: [Cyberpunk Visual Style](https://stylogeny.com/styles/cyberpunk-visual-style.md) (1982–present), 52% alike
- Alike in its design choices: [Flash-Era Web Design (Flash Portfolio Sites)](https://stylogeny.com/styles/flash-era-web-design.md) (1997–2010), 51% alike
- Alike in its design choices: [Rave & Acid House Graphics](https://stylogeny.com/styles/rave-flyer.md) (1988–2000), 48% alike
- Alike in its design choices: [Fantasy User Interface (FUI) & Sci-Fi HUD](https://stylogeny.com/styles/fantasy-ui.md) (1999–present), 48% alike
- Alike in its design choices: [Jeepney Art](https://stylogeny.com/styles/jeepney-art.md) (1946–present), 47% alike

## Sources

- https://en.wikipedia.org/wiki/Winamp
- https://en.wikipedia.org/wiki/Sonique_(media_player)
- https://en.wikipedia.org/wiki/Windows_Media_Player
- https://en.wikipedia.org/wiki/WindowBlinds
- https://en.wikipedia.org/wiki/DeviantArt
- https://skins.webamp.org/about
- https://jordaneldredge.com/ia-skins/
- https://www.byteside.com/2020/11/the-winamp-skin-museum-jordan-eldredge-is-a-trip-through-time-and-bad-design-choices
- https://changelog.com/friends/57

---

From Stylogeny (https://stylogeny.com/), an atlas of graphic-design styles by Van Riel Online Services. How it is made: https://stylogeny.com/about/. Cite as: Stylogeny, “Media-Player & Desktop Skins (Winamp-Era Skinning)”, https://stylogeny.com/styles/media-player-skins/