Visual language · Market convention
Y2K
Translucent coloured plastic, blob forms, chrome and gloss, chunky rounded type
- Cyber Y2K
- millennium
- 2000s
Rank by gloss
Hierarchy · Our readingRank by specular highlight and depth — the glossiest, nearest object leads. Genuinely native to the register and unusual.
Three identical panels; only the highlight differs. Which one is in charge?
This page ranks itself the same way: the name leads, these panels take a travelling highlight, and the record below is the most matte thing here.
Blob and shell
Form · DocumentedObjects take the blobject form: brightly coloured, smooth curves, no sharp edges. Casings often had clear accents or were entirely translucent coloured shells.
Technique · DocumentedInjection-moulded plastic, especially translucent coloured polycarbonate, with CAD and rapid prototyping, made translucency cheap.
Same chrome, three languages
One gradient-and-chrome surface, three ways. The boundary runs on period and subject, not on surface.
Build with it
A starting grammar for a website in Y2K: translucent coloured plastic, blob forms with no sharp edges, gloss and chrome, chunky rounded type, and a page ranked by how glossy things are.
Web translation marks our choices for the screen. Not specified by the source marks what the sources leave open. Everything else is a rule from the record below.
The same system is in the brief (Build → Brief) and in the structured data.
Colour
- ground
#DFE4F2 - pearl
#F4F5FB - ink
#1D2340 - chrome
#6C79A3 - pink
#FF9ADF - ice
#A6C8FF - link
#3B3FD8
The rules behind it
- From our catalogue entry · disputedKeep the palette pastel metallic. From our catalogue entry (colour)
- DocumentedColour objects brightly; tint plastic rather than paint it. From a documented finding (form)
- Web translationSet reading text on near-solid pearl, never on the gradient or a translucent tint alone. Gloss and translucency are surfaces; the words need a calm ground to stay legible. From our catalogue entry (colour)
- Not specified by the sourceThe sources do not specify numeric colour values. The sources give no colour values; these hexes are this page's and can be changed.
Typography
Chunky
Rounded and heavy for display, the same family at 500 for reading.
The rules behind it
- DocumentedSet display type rounded, bloated or chunky. From a documented finding (typography)
- Our readingUse a soft-cornered, rounded grotesk, tight, with gloss on display. From our reading (typography)
- Web translationUse Nunito at 900 for display and 500 for text. A rounded sans at heavy weight is chunky; one family keeps the page soft. The face is this page's, not a recorded one. From a documented finding (typography)
- Not specified by the sourceNo period typeface is named. Period users installed techno and futuristic fonts, but the sources give no list; do not present a face as the Y2K face. From a documented finding (typography)
Layout
How Y2K compositions were arranged is an open question. Floating objects are our reading.
The rules behind it
- Our readingFloat translucent panels on a soft gradient ground, without a visible grid. From our reading (layout)
- Web translationAlternate each panel's offset so objects float rather than stack. Objects, not a column: the floating-panel reading, applied to a scrolling page. From our reading (layout)
- Not specified by the sourceComposition is an open question on the record. Treat the floating layout as a choice. Do not cite it as how the period arranged pages. From our reading (layout)
Shape and surface
The rules behind it
- DocumentedGive objects the blobject form: smooth curves, no sharp edges. From a documented finding (form)
- DocumentedMake casings translucent coloured shells, or give them clear accents. From a documented finding (form)
- Our readingFinish surfaces in gloss, chrome and mirror. From our reading (surface)
- Web translationPut a specular highlight on the upper part of every glossy object. Rank by specular highlight: the highlight is how an object shows it is glossy and near. From our reading (hierarchy)
Imagery
A translucent coloured shell over what is inside it: drawn, never a real product.
The rules behind it
- Our readingShow translucent coloured casings and blob forms, rendered with gradients and layered transparency. From our reading (imagery)
- Web translationDraw objects; do not name or depict a real product. The iMac G3 is the exemplar, but a page borrows the form, not the brand. From a documented finding (form)
Components
The record documents interface conventions for Y2K. These four components are contemporary builds on those conventions, not historical artefacts.
The rules behind it
- DocumentedRender buttons as glossy, dimensional objects. From a documented finding (interface)
- Web translationMake the button a pill with no sharp corners. The blobject form has smooth curves and no sharp edges. From a documented finding (form)
- Our readingRank cards by specular highlight and depth: the glossiest, nearest leads. From our reading (hierarchy)
- Web translationMake cards translucent shells. Casings often had clear accents or were entirely translucent coloured shells. From a documented finding (form)
- Web translationRound the field and sink it. Smooth curves and no sharp edges; a field is a recess in the object, not a box. From a documented finding (form)
- Web translationMark the current page with gloss, not colour. Rank by specular highlight: the glossiest object leads. From our reading (hierarchy)
Motion
A highlight travels; the words stay still. It holds under reduced motion.
The rules behind it
- Our readingLet highlights travel across surfaces and panels drift slightly; continuous and ambient. From our reading (motion)
- Web translationKeep text still; only highlights and decoration move. Ambient motion on the surface, never on what is being read. From our reading (motion)
- DocumentedA loading bar or an animated intro belongs to the period web. From a documented finding (motion), a documented finding (interface)
The record
What it argues
Presents the near future as frictionless, clean and desirable, using the visual signals of consumer technology at the moment it became an object of aspiration.
- Pays
- Timelessness — the register is explicitly dated.
- Assumes
- Originally, a consumer newly enthusiastic about personal technology. In revival, a viewer who reads the period as a lost optimism.
- Posture
- Conventional, sincere
How you recognise it
High-gloss chrome and translucent coloured plastic — blob forms with smooth curves and no sharp edges, casings with clear accents or wholly see-through shells, gradients, visible specular highlights — with rounded, chunky display type.
The diagnostic property is the material optimism: the surfaces are meant to look expensively manufactured and new.
Shares chrome and gradient with both Vaporwave and Frutiger Aero; Vaporwave's scene, by the label coiner's account, looked more to the 1980s and mid-1990s, and Frutiger Aero is the successor that followed in the mid-2000s.
What carries the look
2 Elements linked. Each row opens its gallery.
| Typography | This page is set in Nunito. Typographic research on the record. |
|---|---|
| ColorCarries the look |
As built on this page. |
| Composition | Nothing linked yet. |
| Imagery | Nothing linked yet. |
| Surfaces | |
| Motion | The page moves: highlights travel across the demonstration panels and one drifts, slowly; all of it holds still under reduced motion. The record never moves. |
| Motifs & Symbols | Nothing linked yet. |
| Techniques | Nothing linked yet. |
Rules 18
By area, each labelled with what kind of claim it is.
Layout
- Our reading
Floating translucent panels overlapping on a soft gradient ground, without a visible grid — reasoned from the signature's bubble-and-panel vocabulary, which implies objects rather than a layout.
Typography
- Our reading
Our reading, from the neighbours and the material: a soft-cornered geometric or rounded grotesk, tight, with gloss or bevel treatment on display.
- Documented · Source attached
Display type is often rounded, bloated or chunky.
- Documented · Source attached
In the period, techno and futuristic fonts were installed (per the Guardian).
Color
- From our catalogue entry · disputed
Colour: pastel metallic.
Imagery
- Our reading
Imagery: translucent coloured casings and blob forms, rendered with gradients and layered transparencies.
Surface
- Our reading
Form / surface: gloss, chrome and mirror; translucent coloured plastic; blob forms with smooth curves and no sharp edges.
Interface
- Documented · Source attached
One practitioner (The Digital Fairy) lists implied tech elements like loading bars and rendered buttons, and hyper-digital metallics, gloss and mirror, among Y2K traits.
Motion
- Our reading
Highlights travelling across surfaces, panels drifting with slight parallax. Continuous and ambient.
- Documented · Source attached
Around 1999-2000, Flash made animated intros easy, and splash pages with animated logos, 'enter site' prompts and loading bars were in vogue.
- Documented · Source attached
By 2000 web users had come to expect motion and sound as part of a page's design, a break from the static pages of a few years earlier.
- Seen in the work
An archive record describes an animated typographic GIF, said to capture the '90s and early 2000s, in which flames move slowly while the letters stay still.
Technique
- Documented · Source attached
The curves, blobs, gradients, layered transparencies and lens flares depended on computer-aided design and drafting software that had only just become capable of them.
- Documented · Source attached
The product strand depended on injection-moulded plastic, especially translucent coloured polycarbonate, and on CAD and rapid prototyping, which made translucency cheap.
Form
- Documented · Source attached
Objects take the blobject form: brightly coloured, smooth curves, no sharp edges; the iMac G3 is the museum-held exemplar and influenced the shapes and colours of domestic electrical products.
- Documented · Source attached
Casings often had clear accents or were entirely translucent coloured shells.
Hierarchy
- Our reading
Rank by specular highlight and depth — the glossiest, nearest object leads. Genuinely native to the register and unusual.
Context
- Graded by our research brief · No source attached · Known about it, not a rule to check work against
The label is a retrospective coinage, systematised by Evan Collins of the Consumer Aesthetics Research Institute in 2016 from a 2014 collection. Nobody working in the period called it this.
What stands behind it
Partly sourced. 11 sources attached. 1 claim graded by our research brief, no source attached.
Build guidance: recorded in 7 of 8 research dimensions. It says what usable material is recorded, never how well it is evidenced.
Neither is a free hand: an area research has not reached is not permission to decide on the language’s behalf.
| Research dimension | Evidence | Carries guidance |
|---|---|---|
| Composition | Open question | yes |
| Typography | Specified | yes |
| Hierarchy | Specified · Our reading | yes |
| Colour | Specified · From our catalogue entry | yes |
| Density | Not specified by the source | no |
| Imagery | Specified · From our catalogue entry | yes |
| Form / | Specified: form, surface, technique · Not researched yet: motif | yes |
| Motion | Specified | yes |
Often confused with
- CampNo difference from this neighbour is recorded.
- VaporwaveAestheticThe same chrome and gradient, told apart by period and context. Y2K is the late-1990s and early-2000s consumer technology and graphics themselves; Vaporwave's scene, by the label coiner's account, looked more to the 1980s and mid-1990s.
- Frutiger AeroNo nature imagery.
- ChromeElementHigh-gloss chrome and translucent coloured plastic — blob forms with smooth curves and no sharp edges, casings with clear accents or wholly see-through shells, gradients, visible specular highlights — with rounded, chunky display type.
Use it
Contribute
Contributing and commenting need JavaScript. Nothing else on this page does.
Work made in this style: a poster, a page, a type setting. Every submission is reviewed before it appears.
Nothing here yet.
Comments
No comments yet.