Style combination · Contrasts
Forum Signature Art × Internet Ugly
The crude, ironic meme dialect of the same forums; sig art aims at the opposite, a slick and earnest technical finish.
Mix them and make something Forum Signature Art Internet Ugly
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) Internet Ugly & Meme Vernacular
- Type from Internet Ugly
- Colour from Forum Signature Art
- Form from Forum Signature Art
- Composition from Forum Signature Art
- Surface from Internet Ugly
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Internet Ugly
Together
Anton, standing in for Impact (Geoffrey Lee, Stephenson Blake, 1965), set white with a black outline
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 Internet Ugly. The ink reads on the ground at 4.5:1 or more.
Forum Signature Art (Sig & C4D Render Graphics) Internet Ugly & Meme Vernacular
-
#0b1018ground · 36% -
#d7eef5ink · 14% -
#e8892baccent · 18% -
#fff200accent · 14% -
#4f86a8accent · 10% -
#00a2e8accent · 8%
As CSS
:root {
--ground: #0b1018;
--ink: #d7eef5;
--accent-1: #e8892b;
--accent-2: #fff200;
--accent-3: #4f86a8;
--accent-4: #00a2e8;
--font-display: "Anton", sans-serif;
--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.
Internet Ugly & Meme Vernacular: Most meme templates are photographs of real people, often children, or licensed stock. Success Kid is Laney Griner's son: the photo has been licensed to advertisers, and in January 2020 she sent a cease-and-desist letter to a congressman whose fundraising campaign used it without permission. Distracted Boyfriend is microstock, and its photographer says use without a proper licence is not allowed. License a template or make a new picture for commercial or political work. Check what a format means now: some characters that spread through 4chan were taken up as hate symbols (the ADL listed Pepe the Frog, Matt Furie's 2005 Boy's Club character, in 2016, while noting that most uses are not hateful). Reaction images of Black people posted by non-Black users and brands read as digital blackface (Lauren Michele Jackson, Teen Vogue, 2017), and deep-fried memes came out of Black Twitter, so credit where formats come from. When brands and campaigns borrow a format, its makers often protest or drop it (Douglas).
04
The two styles
05
More combinations
With Forum Signature Art
- 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.
- Glitch Art & Datamosh Graphics Pairs well · Swap the decorative pixel stretch for real file corruption to push a sig toward critique instead of polish.
- Y2K Futurism Pairs well · Borrow its chrome objects as the focal render in place of a character for a cleaner, product-like banner.
With Internet Ugly
- Punk & DIY Zine Pairs well · Both make amateur, cheap reproduction a stance; combine ransom-note cut-ups with Impact captions and crude pasted photos for zine-style posters that still read as a joke.
- International Typographic Style Contrasts · Drop one rage face or Impact caption into a strict Swiss grid to show how much of design's authority comes from polish.
- Brutalist Web Design Pairs well · Put MS Paint drawings and image macros on a raw-HTML page of default fonts and blue links; both treat software defaults as honesty rather than lack of taste.
- Acid Graphics / New Ugly Contrasts · Acid Graphics' 'New Ugly' is rendered by professionals in chrome and 3D; Internet Ugly is ugly because it is quick and amateur. Decide which kind of ugly a brief needs before borrowing either.
- Corporate Memphis Contrasts · Brand-safe flat illustration is what meme makers mock; a brand that borrows meme templates risks the backlash Douglas describes, as communities drop co-opted formats.
- Indie Sleaze Pairs well · Both live on casual web platforms and refuse polish; Indie Sleaze takes the music-scene snapshot where Internet Ugly takes meme vernacular.
- Instagram Slideshow Activism (Social-Justice Infographics) Contrasts · The meme vernacular is its ironic other and the language of its parodies: crude, found and knowing where the slideshow is polished and sincere.
- 'Good Morning' Greeting Images (WhatsApp Forward Vernacular) Contrasts · The same forwarding networks with the opposite intent: borrow the meme's speed and template logic, and even its jokes, but keep the greeting affectionate rather than ironic.