Stylogeny combining Minimalist Graphic Design × YouTube Thumbnail Style

Try

Style combination · Contrasts

Minimalist Graphic Design × YouTube Thumbnail Style

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.

From the research on YouTube Thumbnail Style (the 'YouTube Face')

Mix them and make something Minimalist Graphic Design YouTube Thumbnail Style

StillStillMinimalist Graphic × YouTube Thumbnail
A sample layout drawn from the recipe: shapes from YouTube Thumbnail Style, their arrangement from Minimalist Graphic Design, the finish from YouTube Thumbnail Style. Not a real work, and not an image of either 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.

Minimalist Graphic Design YouTube Thumbnail Style (the 'YouTube Face')

Type from Minimalist Graphic Design

YouTube Thumbnail Style avoids wide letterspacing: this is where the two pull against each other, which is the point of the contrast.

Colour from Minimalist Graphic Design
Form from YouTube Thumbnail Style
Composition from Minimalist Graphic Design
Surface from YouTube Thumbnail Style

02

The type

Open fonts standing in for each style’s own type, which is often hand-drawn or commercial.

Display · Minimalist Graphic Design

Still

Inter Tight, standing in for Helvetica Neue (light weights)

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 Minimalist Graphic Design, with a counter-accent from YouTube Thumbnail Style. The ink reads on the ground at 4.5:1 or more.

Minimalist Graphic Design YouTube Thumbnail Style (the 'YouTube Face')

  • #ffffff ground · 36%
  • #1a1a1a ink · 14%
  • #d9d6d0 accent · 18%
  • #ffd400 accent · 14%
  • #8c8a86 accent · 10%
  • #1f8fff accent · 8%

As CSS

:root {
  --ground: #ffffff;
  --ink: #1a1a1a;
  --accent-1: #d9d6d0;
  --accent-2: #ffd400;
  --accent-3: #8c8a86;
  --accent-4: #1f8fff;
  --font-display: "Inter Tight", sans-serif;
  --font-text: "Nunito", sans-serif;
}

Use it with care

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.

05

More combinations

With Minimalist Graphic Design

All 33 combinations with Minimalist Graphic Design

With YouTube Thumbnail Style

Every style combination