creatordesign system
GitHub
Thumb layouts
Broadcast · YouTube · Creator Design System

Thumb layouts

Rather than drawing twenty thumbnails, there are three layouts and a set of category skins. Any layout takes any category — that's what keeps a channel with eight content types looking like one channel. Combine: thumb thumb-l-center thumb-travel

face / screen
Field notes

I rebuilt my site from nothing

A · split — copy left, subject right. The default.

one strong image
Episode 07

The build is the story

B · centre + line effect — image behind, copy centred, hairlines bracketing the title. Needs a short title and a quiet middle.

full-bleed still
Build log · 04

Making it fast, then proving it

C · band — photo fills the frame, copy in a ruled band. The most legible at 120px and the easiest to keep consistent across a series.

The line effect, three weights

Hairline

Signal

Double

.thumb-rules · -signal · -craft · -2 — one weight per upload run