Style combination · Contrasts
Forum Signature Art × Frutiger Aero
The same years' glossy, light and airy interface look against the sig's dark, smudged depth.
Mix them and make something Forum Signature Art Frutiger Aero
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) Frutiger Aero
- Type from Frutiger Aero
- Colour from Forum Signature Art
- Form from Forum Signature Art
- Composition from Forum Signature Art
- Surface from Frutiger Aero
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
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 Frutiger Aero. The ink reads on the ground at 4.5:1 or more.
Forum Signature Art (Sig & C4D Render Graphics) Frutiger Aero
-
#0b1018ground · 36% -
#d7eef5ink · 14% -
#e8892baccent · 18% -
#22c3c9accent · 14% -
#4f86a8accent · 10% -
#4fb3e8accent · 8%
As CSS
:root {
--ground: #0b1018;
--ink: #d7eef5;
--accent-1: #e8892b;
--accent-2: #22c3c9;
--accent-3: #4f86a8;
--accent-4: #4fb3e8;
--font-display: "Fira Sans", 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.
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.
- 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 Frutiger Aero
- Vaporwave Pairs well · Both trade on mid-2000s tech nostalgia; mix Aero bubbles and skies with vaporwave's pastel 3D for retro-internet campaigns.
- Brutalist Web Design Contrasts · Raw HTML against bubbly gloss is a sharp foil for ironic or nostalgic web projects.
- Glassmorphism Pairs well · Glassmorphism is its flatter heir; reintroduce a touch of Aero gloss and nature photography to warm up frosted-glass UI.
- Flat Design Contrasts · Flat design was the reaction that ended it; toggle gloss against flat to signal ‘then and now’ in retro tech work.
- Skeuomorphic UI Pairs well · Share gloss and depth; combine Aero's glass and nature with skeuomorphic objects for convincing 2000s-nostalgia interfaces.
- Punk & DIY Zine Contrasts · Glossy optimism is everything punk rejects; one torn xerox fragment on an aero gradient reads as instant sabotage.
- Solarpunk Contrasts · Both pair green nature with optimistic technology, but Aero renders it as glossy stock photography, bubbles and glass for a product; choose solarpunk for painted, handmade, lived-in places and shared infrastructure.
- Glitch Art & Datamosh Graphics Contrasts · Aero's glossy, seamless interface is the frictionless technology glitch art questions; corrupt one Aero-style screen to show what the gloss hides.