Style combination · Pairs well
Forum Signature Art × Glitch Art
Swap the decorative pixel stretch for real file corruption to push a sig toward critique instead of polish.
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.
Forum Signature Art (Sig & C4D Render Graphics) Glitch Art & Datamosh Graphics
- Type from Glitch Art
- Colour from Forum Signature Art
- Form from Forum Signature Art
- Composition from Forum Signature Art
- Surface from Glitch Art
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Glitch Art
Orbit
Workbench, standing in for Raw file bytes opened as text (databending in a text editor): garbled characters and code in system monospace
Text · Forum Signature Art
A banner image attached under every forum post as a personal stamp. It is a single Photoshop composite: a cut-out 'render' of a game, anime or film character or an athlete, set against a background smudged and stretched from the same picture, layered with semi-transparent abstract Cinema 4D renders, fractal flames and grunge or 'tech' brushes, pulled into one tint and framed by a thin border. The user's name is set small. Weekly 'Signature of the Week' contests and shared tutorials drove the craft. Its dates (2004 to 2013) are evidence dates, not firm limits.
VT323; Forum Signature Art used Tiny bitmap pixel fonts, often capitals-only, set at native size with anti-aliasing off, such as Silkscreen (Jason Kottke), a free pixel typeface made for web graphics, for usernames and taglines and Thin, widely letterspaced sans for the name and a short caption
03
The colours
The ground and leading colours come from Forum Signature Art, with a counter-accent from Glitch Art. The ink reads on the ground at 4.5:1 or more.
Forum Signature Art (Sig & C4D Render Graphics) Glitch Art & Datamosh Graphics
-
#0b1018ground · 36% -
#d7eef5ink · 14% -
#e8892baccent · 18% -
#ff00ffaccent · 14% -
#4f86a8accent · 10% -
#00e5ffaccent · 8%
As CSS
:root {
--ground: #0b1018;
--ink: #d7eef5;
--accent-1: #e8892b;
--accent-2: #ff00ff;
--accent-3: #4f86a8;
--accent-4: #00e5ff;
--font-display: "Workbench", monospace;
--font-text: "VT323", monospace;
}
Use it with care
Forum Signature Art (Sig & C4D Render Graphics): Sigs were built from ripped official art, photographs and other members' renders and brushes; the communities themselves policed 'rips'. When reviving the look, use licensed or self-made figures and resources rather than lifting characters or another maker's work.
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 Forum Signature Art
- Internet Ugly & Meme Vernacular Contrasts · The crude, ironic meme dialect of the same forums; sig art aims at the opposite, a slick and earnest technical finish.
- Frutiger Aero Contrasts · The same years' glossy, light and airy interface look against the sig's dark, smudged depth.
- Demoscene Graphics (Cracktros, Demos & Text-Mode Art) Pairs well · Another amateur scene of competitions and handles; its pixelled logos give a sig a crafted name plate.
- Y2K Futurism Pairs well · Borrow its chrome objects as the focal render in place of a character for a cleaner, product-like banner.
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.