Visual language · From a genre
Synthwave
Perspective grid, neon glow, chrome gradients, purple-to-orange sky
- Outrun
- retrowave
- 80s neon
One surface, either stance
The 1980s cover-art set of a music genre: horizon grid, neon and chrome
The record’s own line, the one sentence it holds beyond its name. The two panels below are identical, by construction, and both are Synthwave. Stance is how you direct it, not what makes it one.
Documented The band across the foot of each panel is a VHS tracking fault, reproduced on purpose.
Where it divides from Vaporwave is an open question, pending Vaporwave’s cultural review.
Build with it
A starting grammar for a website in Synthwave: a horizon for a layout, magenta neon lines on night, chrome display lettering, and hierarchy by distance from the vanishing point. Taken straight or with a wink, it is the same language.
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
- night
#0C0420 - panel
#120725 - ink
#F7E9FF - neon
#FF2BD6 - cyan
#2DE2E6 - dusk
#FF8A3D - violet
#3A0F5E
The rules behind it
- DocumentedDraw line work in magenta neon. From a documented finding
- From our catalogue entryRun the sky as a neon gradient from purple to orange. From our catalogue entry (colour)
- Web translationKeep every sentence on solid night; gradients belong to the sky and to display type. The gradient is a surface, not a reading ground. From our catalogue entry (colour), our catalogue entry
- Not specified by the sourceThe sources do not specify exact gradient stops. The record declares the stops free; choose them, and say that you did. From our reading
Typography
Outrun
Space Grotesk carries every sentence, solid ink on solid night.
The rules behind it
- DocumentedLetter the display in chrome, paired with the grid. From a documented finding (typography)
- DocumentedUse late-1980s typography for display. From a documented finding (typography)
- Web translationSet Monoton for display and Space Grotesk for text. Monoton's inline strokes read as neon tube; the grotesk carries text the display face cannot. Both are this page's faces, not ones the sources name. From a documented finding (typography)
- DocumentedA neon handwritten script may sit beside the chrome sans. From a documented finding (typography)
Horizon
A horizon and a vanishing point, not columns.
The rules behind it
- From our catalogue entryMake a single-point perspective grid the page structure: a horizon and a vanishing point, not columns. From our catalogue entry (layout)
- Our readingRank by distance from the vanishing point; nearest is largest and leads. From our reading (hierarchy)
- Web translationCentre content on the vanishing point's vertical. One-point perspective puts the eye on the centre line. From our catalogue entry (layout)
Line and surface
The rules behind it
- DocumentedUse straight glowing lines receding to the horizon as the motif. From a documented finding (motif)
- From our catalogue entryGive lines and edges a neon glow; give display type a chrome gradient. From our catalogue entry
- Web translationKeep corners nearly square (4 to 6px). The grid is straight lines; a soft corner is a different register. From a documented finding (motif)
Imagery
Grid landscape, striped sun, a tracking fault kept on purpose.
The rules behind it
- From our catalogue entryShow a 3D grid landscape. From our catalogue entry (imagery)
- DocumentedAn oversized striped sun at dusk may sit on the horizon. From a documented finding (motif)
- DocumentedReproduce VHS tracking artefacts on purpose. From a documented finding (technique)
- Web translationKeep imagery dry and nocturnal-to-dusk: no rain, no decay. The recorded boundary with Cyberpunk is a dry grid against a wet street. From our reading
Components
The research record does not establish interface conventions for Synthwave. These four are contemporary translations of its documented visual rules.
The rules behind it
- Web translationDraw the button as a neon line on a solid night fill. Magenta neon line work is the cover-art set; the label stays on solid night so it reads. From our reading, our catalogue entry
- Web translationSignal hover by brightening the glow, never by animating the text. Neon glow is the recorded surface; reading text is never the thing that glows. From our catalogue entry
- Web translationRank cards by distance from the vanishing point: the nearest is largest and leads. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From our reading (hierarchy)
- Web translationScale each farther card by one ratio, 0.78 per step of depth. One declared ratio makes distance legible as perspective, the way the grid recedes. From our reading (hierarchy), our catalogue entry (layout)
- Web translationRule the field with a single line, like a rung of the floor grid. The grid's glowing straight lines are the recurring motif; one rung is enough for a field. From a documented finding (motif)
- Web translationSet the navigation along a horizontal line, the horizon of the page. The page structure is a horizon and a vanishing point rather than a column grid. From our catalogue entry (layout)
Motion
Only the floor moves, at one constant speed. It holds still under reduced motion.
The rules behind it
- Web translationScroll the grid toward the viewer at a constant speed, never triggered. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From our reading (motion)
- Web translationA light may sweep across the sun, and the frame may shake slightly. The cited rule belongs to the Aesthetic's own medium; applying it to a screen component or motion is our translation. From a documented finding (motion)
- Web translationMove only the grid; hold text and panels still. The record's motion is the floor; moving text would compete with it. From our reading (motion)
Stance
Straight or with a wink: both Synthwave. Where it divides from Vaporwave is open.
The rules behind it
- Our readingDo not treat sincerity as a test of membership. From our reading
- Web translationChoose a stance for the project and hold it; either is allowed. The record makes sincere treatment optional, and the sources call the revival ironic. From our reading, a documented finding
- Not specified by the sourceThe boundary with Vaporwave is not settled. Do not use stance, statuary or chrome to separate the two until Vaporwave's cultural review lands. From our reading
The record
What it argues
A remembered 1980s rendered through the cover-art set of a music genre: gridlines, magenta neon, VHS artefacts and chrome lettering. Sincere, unironic treatment is an optional art-direction choice Aesthetary can make, not part of what makes work Synthwave; the sources describe the revival as ironic or tongue-in-cheek.
- Pays
- Originality. Historical accuracy. Distinction from a saturated genre.
- Assumes
- A viewer who recognises the 1980s cover-art set, whether they take it straight or with a wink.
How you recognise it
A perspective grid receding to a low vanishing point, magenta neon line work and chrome display lettering, often with VHS artefacts: the cover-art set of the music genre. The receding grid is the structural device. Sincerity is not a test of membership. Vaporwave shares the chrome and the gradient; where the two divide is an open question pending Vaporwave's cultural review. Cyberpunk shares the neon but is wet, nocturnal and dystopian.
What carries the look
0 Elements linked. No Element is linked to this Aesthetic yet. Each row opens its gallery.
| Typography | This page is set in Monoton + Space Grotesk. Typographic research on the record. |
|---|---|
| ColorCarries the look | #F7E9FF#120725#CDB8EE#2DE2E6#FF5FD9#FF8A3D#0C0420#3A0F5EAs built on this page. |
| Composition | Nothing linked yet. |
| ImageryCarries the look | Nothing linked yet. |
| Surfaces | Nothing linked yet. |
| Motion | The page moves: the ground grid runs slowly toward you, and holds still under reduced motion. Nothing flashes. |
| Motifs & Symbols | Nothing linked yet. |
| Techniques | Nothing linked yet. |
Rules 20
By area, each labelled with what kind of claim it is.
Layout
- From our catalogue entry
Composition is genuinely unusual and worth building: a single-point perspective grid is the page structure, so the layout has a horizon and a vanishing point rather than a column grid.
Typography
- Documented · Source attached
Chrome lettering is often paired with the light grid.
- Documented · Source attached
Bold chrome sans-serif is combined with neon-coloured handwritten script.
- Documented · Source attached
Synthwave-styled work uses late-1980s typography.
Color
- From our catalogue entry
Colour: neon gradient, purple-to-orange.
Imagery
- From our catalogue entry
Imagery: 3D grid landscape.
Motion
- Our reading
The grid scrolling toward the viewer at constant speed. Native to the perspective device, continuous, never triggered.
- Documented · Source attached
A named antecedent: in Starhawk (1979) a wireframe trench rolled toward the viewer in endless perspective.
- Documented · Source attached
A 2020 PremiumBeat tutorial for a retrowave background loop animates the neon floor grid scrolling with the Offset effect.
- Documented · Source attached
A light sweep moves across the sun, and the whole frame is given a slight shake to look retro.
Motif
- Documented · Source attached
The perspective light grid is a recurring motif, one of the most recognisable tropes of 1980s futurism: glowing straight lines receding to a horizon on black, occasionally with mountain outlines or dawn light at the horizon.
- Documented · Source attached
Kavinsky's OutRun cover shows a Ferrari Testarossa and palm trees; in synthwave-influenced games Tron's neon lines and Blade Runner's cityscapes often appear.
- Documented · Source attached
An oversized striped sun at dusk recurs.
Technique
- Documented · Source attached
VHS tracking artefacts, a playback fault of an obsolete format, are reproduced on purpose.
- Documented · Source attached
In the 1980s originals, graphic designers report perspective grids were often drawn by hand, with photographic diffusion to make the lines glow; computers of the 1960s and 1970s used vector graphics.
- Documented · Source attached
One 2020 After Effects tutorial builds the neon floor grid digitally from a solid layer with the Grid effect.
- Documented · Source attached
In one 2020 After Effects tutorial, the VHS aesthetic is added with software effects, e.g. two Channel Blur effects to emulate chromatic aberration.
- Documented · Source attached
James White (Signalnoise), whose site lists a podcast about 80s-themed art and synthwave, works in Photoshop and Illustrator, and says that when the 80s retro look was catching on he was doing a lot of rainbows and lens flares.
Hierarchy
- Our reading
Rank by distance from the vanishing point — nearest is largest and leads. Perspective doing the work scale usually does.
Form / motif / surface / technique
- From our catalogue entry
Form/motif/surface/technique: neon glow, chrome gradient.
What stands behind it
Partly sourced. 9 sources attached.
Build guidance: recorded in 6 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 | Specified · From our catalogue entry | 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/ | Not specified by the source: form · Specified: motif, surface, technique | yes |
| Motion | Specified | yes |
Often confused with
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.