Brand kit

The mark

Wish busterZ

Two letters, two colours: an orange W and a green Z. There is no second version of it — the same paths render the favicon, the nav, the social card and the sticker.

The colour split isn't decoration. Green is the show's second voice, and the Z is one of the four places it is allowed to appear.

Wish busterZ
The mark
Wish busterZ
One colour, single-ink work
Wish busterZ
At nav size, 26 px

Everything, in one file

Download the media kit

The mark in both colourways, the favicon, the full icon set, the colour tokens as CSS, the social card, and the written guide. Built from the same source the site renders, so it can't drift from what you see here.

wishbusterz-media-kit.zip

Icons

56 shapes on a 24×24 grid, 2px stroke, round caps and joins. They inherit currentColor, so set the colour on the parent. Deliberately not an icon library — this many icons is not worth a dependency to keep patched and licensed forever.

How we got here

None of the marks below is the mark. They are the first design: a four-stroke monogram whose last three strokes were a Z lying on its side, so the W read as a Z when you turned it. A good idea that cost too much — it needed an oil-painted rendering to carry at poster size and a flat one below 48 px, and the two never quite agreed. Kept here because a brand kit that only shows the winner is a brand kit that teaches nothing.

Retired WZ monogram, variant 01 — Upright
01 Upright
Retired WZ monogram, variant 02 — Lean 6
02 Lean 6
Retired WZ monogram, variant 03 — Lean 10
03 Lean 10
Retired WZ monogram, variant 04 — Lean 14
04 Lean 14
Retired WZ monogram, variant 05 — Lean 18
05 Lean 18
Retired WZ monogram, variant 06 — Compact
06 Compact
Retired WZ monogram, variant 07 — Compact lean
07 Compact lean
Retired WZ monogram, variant 08 — Compact bold
08 Compact bold
Retired WZ monogram, variant 09 — Compact light
09 Compact light
Retired WZ monogram, variant 10 — Z-first
10 Z-first
Retired WZ monogram, variant 11 — Ghost lead
11 Ghost lead
Retired WZ monogram, variant 12 — Thin lead
12 Thin lead
Retired WZ monogram, variant 13 — Detached
13 Detached
Retired WZ monogram, variant 14 — Long lead
14 Long lead
Retired WZ monogram, variant 15 — Spur
15 Spur
Retired WZ monogram, variant 16 — Chisel
16 Chisel
Retired WZ monogram, variant 17 — Knockout
17 Knockout
Retired WZ monogram, variant 18 — Phosphor
18 Phosphor
Retired WZ monogram, variant 19 — Badge
19 Badge
Retired WZ monogram, variant 20 — Badge phosphor
20 Badge phosphor

Painted, and explored

Also retired. The oil versions stroked real generated paint texture along the identical path data, and the explorations are four parallel directions, each pushing one idea: less green, solid cut shapes, retro-arcade, and paint.

WZ monogram — Oil
Oil
WZ monogram — Oil, green on the diagonal only
Oil, green on the diagonal only
WZ monogram exploration — minimal-1
minimal-1
WZ monogram exploration — minimal-2
minimal-2
WZ monogram exploration — minimal-3
minimal-3
WZ monogram exploration — solid-1
solid-1
WZ monogram exploration — solid-2
solid-2
WZ monogram exploration — solid-3
solid-3
WZ monogram exploration — oil-1
oil-1
WZ monogram exploration — oil-2
oil-2
WZ monogram exploration — oil-3
oil-3
WZ monogram exploration — retro-1
retro-1
WZ monogram exploration — retro-2
retro-2
WZ monogram exploration — retro-3
retro-3

Each direction's own notes — including what its author thought was wrong with it — are in public/media/logo/explore/*.md.

Colours

Type

  • Display (headings, wordmark): Archivo Black, self-hosted and subset at build — the page never calls out to a font host at runtime.
  • Body: the system UI stack. Fast, familiar, nothing to download.
  • Terminal (prompts, commands): Fira Code, self-hosted and subset the same way. The site's second and last web font.
  • Monospace is reserved for things that are literally code — commands, prompts, file paths. Never decoration: setting UI labels in a code face makes a site for non-developers look like a developer tool.

Using it

These assets are free to use when you're talking about or linking to the show. Give the mark about one mark-width of clear space. Don't stretch it, add shadows or gradients, or recolour it outside the palette above — and please don't use it in a way that suggests we made or endorsed something we didn't.

Don't rotate it. The old mark had a reason to be turned on its side; this one doesn't.

Files: the mark · one colour · favicon · contact sheet of the retired set. Need something else — a transparent PNG, a particular size? contact@wishbusterz.com.

Esc