Style combination · Contrasts
Demoscene Graphics × Glitch Art
Glitch art lets the machine fail and keeps the damage; the demoscene makes it do the impossible without a dropped frame. Decide whether a piece about technology should show breakdown or mastery.
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.
Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Glitch Art & Datamosh Graphics
- Type from Demoscene Graphics
- Colour from Demoscene Graphics
- Form from Glitch Art
- Composition from Demoscene Graphics
- Surface from Glitch Art
-
Demoscene Graphics avoids glitch: this is where the two pull against each other, which is the point of the contrast.
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Demoscene Graphics
Signal
VT323, standing in for The IBM PC code page 437 character set in the VGA 9×16 text-mode font, whose block, shade and box-drawing glyphs build ANSI art and the ASCII logos of NFO release files
Text · Glitch Art
An art and design practice that makes digital failure the picture. Artists deliberately corrupt image and video files or short-circuit hardware: they edit a JPEG's bytes (databending), delete a video's keyframes so one shot smears into the next (datamoshing) or sort pixels into streaks. Compression blocks, torn scanlines, shifted colour channels and raw code replace drawing, and the colour comes from the fault. Rosa Menkman and GLI.TC/H framed it as a critique of seamless technology; designers took it onto record sleeves and fonts, music videos onto MTV in 2009, and it became a stock filter.
Space Mono; Glitch Art used Raw file bytes opened as text (databending in a text editor) and Operating-system interface fonts caught in error messages and cascading windows, as in JODI's My%Desktop
03
The colours
The ground and leading colours come from Demoscene Graphics, with a counter-accent from Glitch Art. The ink reads on the ground at 4.5:1 or more.
Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Glitch Art & Datamosh Graphics
-
#000000ground · 36% -
#e8f0ffink · 14% -
#ff7a1aaccent · 18% -
#ff00ffaccent · 14% -
#ff3fa4accent · 10% -
#00e5ffaccent · 8%
As CSS
:root {
--ground: #000000;
--ink: #e8f0ff;
--accent-1: #ff7a1a;
--accent-2: #ff00ff;
--accent-3: #ff3fa4;
--accent-4: #00e5ff;
--font-display: "VT323", monospace;
--font-text: "Space Mono", monospace;
}Use it with care
Demoscene Graphics (Cracktros, Demos & Text-Mode Art): The demoscene is a living, non-commercial community whose practice is on the national inventories of intangible heritage of Finland (2020), Germany and Poland (2021), Switzerland and the Netherlands (2023), Sweden and France (2025) and Norway (2026), and its pictures are signed work: party rules throw out ripped entries, ban AI-generated or AI-inspired graphics and ask for working stages as proof of hand work. Never copy a group's logo or an artist's pixels, do not pass a generated chrome-logo-and-copper-bar pastiche off as scene work, and credit or commission scene graphicians when a project borrows the look; the crack-intro roots lie in software piracy, which the scene has long distanced itself from, so do not borrow real cracking-group names for new work or glamourise warez. Keep flashing raster and strobe effects to three flashes or fewer per second when the look moves into interfaces, broadcast or public screens.
Glitch Art & Datamosh Graphics: Glitch video and animated glitch effects often flicker: keep flashes to three or fewer in any one second, and be stricter with saturated red, to meet WCAG 2.3.1 and protect people with photosensitive epilepsy. Datamoshing and databending usually start from someone else's footage or photographs, so clear the rights before corrupting them for commercial work. When a datamosh or pixel-sort look follows a particular artist's process, credit it; the 2009 music videos overtook the artists who developed the technique.
04
The two styles
05
More combinations
With Demoscene Graphics
- Kinetic Typography & Variable Type Pairs well · The sine scroller is an early kinetic type system; set greetings or credits as a waving bitmap scroller over raster bars for event openers and title sequences.
- Rave & Acid House Graphics Pairs well · Rave flyers and scene logos share chrome lettering on black and the same 1990s tracker-and-techno culture; animate a flyer's line-up as a demo-style scroller for party visuals.
- Bitmap & Pixel Graphics Contrasts · Bitmap graphics is the legible, flat pixel of icons, sprites and system fonts; scene graphics spend the same pixels on chrome, gradients and motion for show. Pick the icon grid for an interface and the scene logo for a title screen.
- Generative & Dynamic Identities Pairs well · Both make the picture from code; borrow the scene's size-coding and real-time plasma, tunnel and particle effects to drive a dynamic identity live instead of from rendered video.
- Synthwave / Outrun Contrasts · Synthwave paints chrome logos and neon grids as 1980s nostalgia; scene graphics are the working practice that never stopped. For credibility with a technical audience, build the effect in code rather than painting its look.
- Analog Horror Graphics Contrasts · Both put bitmap type on black screens, but the demoscene shows a machine running flawlessly at its limit and analog horror shows one failing. Pick mastery or breakdown.
- PS1 / Lo-Fi 3D Revival (PSX Aesthetic) Contrasts · The demoscene shows a machine performing flawlessly at its limit in chrome and gradients; the PSX revival fakes old hardware's flaws on a modern engine and keeps them murky. Pick mastery or imitation of limits.
- Forum Signature Art (Sig & C4D Render Graphics) Pairs well · Another amateur scene of competitions and handles; its pixelled logos give a sig a crafted name plate.
With Glitch Art
- Grunge Typography Contrasts · Grunge scanned in photocopier grain and dirt and layered type on the Mac; glitch art breaks the file and lets the codec make the damage. Pick analogue distress or digital failure deliberately rather than stacking both.
- Vaporwave Pairs well · Vaporwave uses glitch as one surface among busts, grids and pastel 3D; give a vaporwave video a real datamosh between its found clips so the smear comes from the file rather than a plug-in.
- Brutalist Web Design Pairs well · Both put the machinery on show; set corrupted images on a raw-HTML page of default fonts so the code and the broken pictures make one argument about the medium.
- Internet Ugly & Meme Vernacular Contrasts · Deep-fried memes also pile up JPEG damage, but as a joke for a crowd to copy; glitch art makes the damage its subject. Borrow the re-saving, not the punchline.
- Acid Graphics / New Ugly Contrasts · Acid graphics renders polished chrome and adds glitch as a finish; glitch art breaks the file and keeps what comes out. Decide whether a brief wants spectacle or exposure.
- Frutiger Aero Contrasts · Aero's glossy, seamless interface is the frictionless technology glitch art questions; corrupt one Aero-style screen to show what the gloss hides.
- International Typographic Style Contrasts · A clean Swiss grid is the perfect signal to break: tear one band of a strict layout sideways and let the rest stay legible as the reference.
- Witch House Graphics (Symbol Names and Haunted Web Imagery) Pairs well · Use channel displacement or compression damage to estrange a recognisable scene, but retain the symbol-name as the identity; the image need not become an abstract demonstration of file failure.