Style combination · Contrasts
Acid Graphics × Glitch Art
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.
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.
Acid Graphics / New Ugly Glitch Art & Datamosh Graphics
- Type from Acid Graphics
- Colour from Acid Graphics
- Form from Glitch Art
- Composition from Acid Graphics
- Surface from Glitch Art
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
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 Acid Graphics, with a counter-accent from Glitch Art. The ink reads on the ground at 4.5:1 or more.
Acid Graphics / New Ugly Glitch Art & Datamosh Graphics
-
#000000ground · 36% -
#ffffffink · 14% -
#ccff00accent · 18% -
#ff00ffaccent · 14% -
#00e5ffaccent · 10% -
#3d5afeaccent · 8%
As CSS
:root {
--ground: #000000;
--ink: #ffffff;
--accent-1: #ccff00;
--accent-2: #ff00ff;
--accent-3: #00e5ff;
--accent-4: #3d5afe;
--font-display: "Tilt Warp", sans-serif;
--font-text: "Space Mono", monospace;
}
Use it with care
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 Acid Graphics
- Neo-Swiss Revival Contrasts · Set a single liquid-chrome wordmark inside a clean neo-Swiss grid so information stays legible around the spectacle.
- Graffiti & Hip-Hop Graphics Pairs well · Graffiti wildstyle letter structures translate naturally into chrome 3D renders for gig posters and merch.
- Corporate Memphis Contrasts · Acid graphics defines itself against Corporate Memphis' friendliness; lean into the contrast to signal underground credibility.
- Techno-Futurist Graphics Pairs well · Borrow The Designers Republic's corporate-parody logos and tiny technical captions to give acid layouts a systematic backbone.
- Rave & Acid House Graphics Pairs well · Acid graphics is rave's digital heir; reuse the chrome logotype and fluorescent-on-black palette with contemporary 3D tools.
- Post-Binary Typography (Bye Bye Binary and Inclusive French Type) Pairs well · The collective's banners share Acid Graphics' blackletter, spiky stars, gradients and chrome-like lettering; borrow that repertoire for a manifesto banner or flyer, but keep the post-binary glyph legible as the subject rather than the surface effect.
- Gothic Blackletter & Fraktur Tradition Pairs well · Its club-poster revival: acid graphics mixes blackletter with liquid chrome, ultra-wide grotesques and pixel faces. Render one broken-letter wordmark in chrome on black and leave the parchment, rubrics and justified page behind.
- PC Music Graphics Contrasts · Neighbours in the late 2010s club scene, but acid graphics crowd chrome, blackletter and neon on black, where PC Music isolates one clean object on a plain field.
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.
- 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.
- Cyberpunk Visual Style Pairs well · Add signal tearing and scan-line breakup to suggest a failing, overloaded network.