Style combination · Pairs well
Early Web Vernacular × Weirdcore
Frame a weirdcore still in an old browser window, a default dialog box or a low-resolution GIF to make its debt to the amateur early web explicit; keep the window empty rather than crowding it with the early web's badges and counters.
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.
Early Web Vernacular Weirdcore & Dreamcore
- Type from Early Web Vernacular
- Colour from Early Web Vernacular
- Form from Early Web Vernacular
-
Weirdcore avoids abundant decoration: this is where the two pull against each other.
- Composition from Weirdcore
- Surface from Weirdcore
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Text · Weirdcore
An internet aesthetic popularised on Reddit, TikTok and YouTube in the early 2020s, with dreamcore as its softer, pastel, cloud-filled sister. Found or low-quality snapshots of empty, half-familiar places (playgrounds, classrooms, malls, corridors) are crudely edited: disembodied eyes in clouds or darkness, faceless figures in doorways, and short captions such as 'nothing is real' in red or inside black voids. The aim is anemoia, a nostalgia for places one never knew, turned into unease and the feeling of being watched.
Instrument Sans; Weirdcore used Short captions in out-of-place red text ('are you lost?', 'nothing is real'), typed in whatever plain default face the editing app offers and dropped onto the photograph and White text inside black rectangular voids pasted over the picture, the void heightening the message
03
The colours
The ground and leading colours come from Early Web Vernacular, with a counter-accent from Weirdcore. The ink reads on the ground at 4.5:1 or more.
Early Web Vernacular Weirdcore & Dreamcore
-
#000080ground · 36% -
#00ff00ink · 14% -
#0000ffaccent · 18% -
#ff0000accent · 14% -
#ff00ffaccent · 10% -
#cfc07aaccent · 8%
As CSS
:root {
--ground: #000080;
--ink: #00ff00;
--accent-1: #0000ff;
--accent-2: #ff0000;
--accent-3: #ff00ff;
--accent-4: #cfc07a;
--font-display: "Newsreader", serif;
--font-text: "Instrument Sans", sans-serif;
}Use it with care
Weirdcore & Dreamcore: Weirdcore's found snapshots are other people's photographs, often of real homes, schools and playgrounds (the Backrooms photo was a real shop interior in Wisconsin, identified only in 2024): shoot or license your own places, and leave identifiable children and private interiors out. Its makers describe it as built to unsettle, from 'existentialism and derealization' (Nylon, 2021) to an 'aesthetic that can cause a panic attack' (a @unttochable video quoted by i-D, 2021), so take care before aiming it at children or using it near mental-health subjects, and keep video cuts to three or fewer flashes a second (WCAG 2.3.1).
04
The two styles
05
More combinations
With Early Web Vernacular
- Vaporwave Pairs well · Vaporwave already mines this archive; combine tiled backgrounds and default fonts with its pastel 3D for nostalgic net art.
- Material Design Contrasts · Material's systematic spacing and elevation are everything the amateur web lacked; use it as the ‘after’ to this ‘before’.
- International Typographic Style Contrasts · A single centred Comic Sans headline on a Swiss grid makes a sharp, funny statement about taste and authority.
- Brutalist Web Design Pairs well · Drop the GIFs but keep raw HTML defaults and visible structure for a contemporary, knowingly unpolished site.
- Media-Player & Desktop Skins (Winamp-Era Skinning) Pairs well · The same amateur, communal web of the late 1990s; pair a skin with a fan homepage for a full period set.
- Flash Vector Cartoon (Newgrounds-Era Web Animation) Pairs well · Its native habitat: put the cartoon in a cluttered portal page of banners and visitor counters for the full dial-up context.
- Japanese Dense Web Design Contrasts · This grew from the early web's link directories and table layouts, but the early web was amateur bricolage on dark tiled grounds, while this is a professional convention on white in system gothics; borrow its column discipline to tame a GeoCities pastiche.
- Emigre & Early Digital Type Pairs well · Low-resolution type and layered layouts carry naturally into table-based web pages and GIF graphics.
With Weirdcore
- Vaporwave Contrasts · Tanni's genealogy starts with vaporwave's spectral reuse of web imagery; vaporwave collages pastel consumer debris, busts and Japanese text with ironic luxury, while weirdcore empties the frame and drops the joke. Keep the found picture but swap the bust for a vacant playground to move from irony to unease.
- Internet Ugly & Meme Vernacular Contrasts · Both caption a crude found picture, but white Impact capitals ask for a laugh and a crowd to copy them; one small red lowercase line asks whether you are lost. Decide which the caption is for before choosing the picture.
- Lo-fi Anime Aesthetic Contrasts · Both are nostalgic online moods set to lo-fi music, but lofi paints a lived-in, occupied room that comforts; weirdcore photographs an empty one that watches back. Choose lofi for focus and calm, weirdcore when the brief wants disquiet.
- Hauntology & Ghost Box Design Contrasts · Both rebuild a misremembered past from found pictures and let nostalgia turn eerie, but Ghost Box designs the haunting: a Penguin-style grid, bold grotesque in a ruled band, a flat colour field and an institutional voice. Weirdcore drops grid, brand and author, and lets an anonymous snapshot and one small caption do it. Choose Ghost Box for an archival, designed eeriness and weirdcore for a found, amateur one.
- Surrealist Graphics Pairs well · Magritte's single displaced object in a calm, ordinary space is the grammar weirdcore remakes with snapshots and phone edits; study it so the one wrong thing (an eye, a door, a figure) feels placed rather than random.
- Glitch Art & Datamosh Graphics Pairs well · Borrow compression damage and an abrupt datamosh between two stills, but treat the damage as the decay of a memory rather than the subject of the work, and keep the rest of the snapshot readable.
- Analog Horror Graphics Contrasts · Both turn nostalgia into unease and share The Backrooms, but weirdcore is a still snapshot of an empty place with one small lowercase caption, while analog horror is a sequence of broadcast or tape fragments in an official voice and plain capitals. Choose the found image or the fake transmission.
- Yami-Kawaii (Sick-Cute) Contrasts · Uncanny low-resolution photography against polished, cute vector illustration.