Style combination · Contrasts
Internet Ugly × YouTube Thumbnail Style
Its parent: early thumbnails were as crude as its pictures, with bright arrows drawn on and MS Paint–looking images (MrBeast's, before Appleby rebuilt them with colour and contrast), and both caption pictures in white capitals outlined in black. Use Internet Ugly when the picture should look quick, crude and made for a crowd to remix, and the thumbnail style when one creator's polished, retouched face has to sell a single video.
Mix them and make something Internet Ugly YouTube Thumbnail Style
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.
Internet Ugly & Meme Vernacular YouTube Thumbnail Style (the 'YouTube Face')
- Type from Internet Ugly
- Colour from YouTube Thumbnail Style
- Form from YouTube Thumbnail Style
- Composition from YouTube Thumbnail Style
- Surface from Internet Ugly
-
YouTube Thumbnail Style avoids glitch: this is where the two pull against each other, which is the point of the contrast.
02
The type
Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.
Display · Internet Ugly
Wow
Anton, standing in for Impact (Geoffrey Lee, Stephenson Blake, 1965), set white with a black outline
Text · YouTube Thumbnail Style
The custom thumbnail of YouTube's creator economy: a 16:9 still made to be read at fingernail size in a feed of recommendations. One brightly lit, retouched face, for years the open-mouthed 'YouTube Face' and since 2023 more often a closed-mouth smile, fills about a third of the frame against a simplified, saturated photomontage, with an enlarged prop, a red arrow and at most a few words in heavy white letters outlined in black. Versions are A/B-tested for watch time.
Nunito; YouTube Thumbnail Style used Heavy, comic-style display capitals, white with a thick black outline, a word or two in a corner and A heavy rounded sans in lowercase, white with a black outline and drop shadow, as a label beside a red arrow
03
The colours
The ground and leading colours come from YouTube Thumbnail Style, with a counter-accent from Internet Ugly. The ink reads on the ground at 4.5:1 or more.
Internet Ugly & Meme Vernacular YouTube Thumbnail Style (the 'YouTube Face')
-
#0d0d0dground · 36% -
#ffffffink · 14% -
#ffd400accent · 18% -
#1f8fffaccent · 14% -
#e61e2aaccent · 10% -
#f2a37aaccent · 8%
As CSS
:root {
--ground: #0d0d0d;
--ink: #ffffff;
--accent-1: #ffd400;
--accent-2: #1f8fff;
--accent-3: #e61e2a;
--accent-4: #f2a37a;
--font-display: "Anton", sans-serif;
--font-text: "Nunito", sans-serif;
}
Use it with care
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).
YouTube Thumbnail Style (the 'YouTube Face'): Thumbnails sell with real faces, so do not put a real person's likeness, a celebrity's, a stranger's or a child's, into a thumbnail without their consent, and never pass off a generated face as a real creator's. Do not promise what the video does not deliver: YouTube's own tests pick the thumbnail with the most watch time, not the most clicks, and custom thumbnails must follow its Community Guidelines, which bar nudity or sexually provocative images, hate speech, violence and harmful or dangerous content. Treat before-and-after body pictures with care and do not shame anyone's body for a click, and do not use sexualised images of people as bait.
04
The two styles
05
More combinations
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.
With YouTube Thumbnail Style
- Minimalist Graphic Design Contrasts · Veritasium's dark grounds and one short serif line show how far restraint can go in the same feed; strip a thumbnail to one object and open space when loud faces would undercut a serious subject.
- VTuber Avatar and Stream Graphics Pairs well · VTubers follow the same rules for their thumbnails, a big cut-out at a third of the frame, a few outlined words, warm colours; swap the photographed face for the avatar to bring the idiom to a channel whose performer stays unseen.
- Pop Art Graphics Pairs well · Both turn a famous face and an everyday product into an icon on a saturated field; borrow Pop's Ben-Day dots and flat primaries for a thumbnail that winks at its own salesmanship.
- Nollywood Video Jacket & Film Poster Contrasts · Both sell a video with cut-out photographs of real faces in loud colour, but the Nollywood jacket crowds the whole cast, a blurb and credits onto the sheet; the thumbnail keeps one face, one prop and a few words, because it has to read at phone size.
- 'Good Morning' Greeting Images (WhatsApp Forward Vernacular) Contrasts · Both put outlined words over a saturated photograph for a phone screen, but the thumbnail sells a click while the greeting asks for nothing.
- Brazilian Baile Funk Digital Flyer Pairs well · Loosely similar: both put cut-out people in front of big type for the feed, but the purpose differs (event promotion versus video click-through); limited affinity.