Handcrafted Trivia Brand guides
Direction 2 of 3

Pencil-Mark Coaster

A beer mat whose question mark is a sharpened pencil, and whose dot is the mark it just wrote.

01

The idea

The logo is a pub beer mat. At its centre, a question mark is drawn as a sharpened pencil: the hook is the painted body, the stem sharpens into a wood cone and graphite point, and the dot is the grey mark that point has just written.

It keeps the charcoal, mustard and pencil from the first logos, but turns them into one idea: every question is written by hand.

Heavy Clarendon lettering runs around the rim like a brewery coaster, so it looks at home in the taprooms and bars where trivia nights happen.

  • The pencil ? Painted body, sharpened wood, graphite point: a question you can tell was written by hand.
  • The dot The graphite dot sits right under the point, as if the pencil just made it.
  • The coaster A pinked-edge beer mat, made to be printed on real coasters and stickers.
02

Logo suite

Every version is drawn from the same master artwork. Pick the one that fits the space; never rebuild it.

Coaster badge (primary)
Coaster badge (primary)The default. Coasters, stickers, posters, social avatars at large sizes.
Badge on dark
Badge on darkDark backgrounds, chalkboards, dark shirts.
Two-ink print master
Two-ink print masterScreen printing and coaster runs: charcoal + mustard, cream is the paper.
Small-use badge
Small-use badgeBelow 30 mm or 140 px. Fine details are removed so it stays crisp.
Horizontal lockup
Horizontal lockupWebsite header, email, slides, banners.
Horizontal on dark
Horizontal on darkDark headers and slides.
Stacked lockup
Stacked lockupSquare layouts and flyers.
One color
One colorRubber stamp, single-ink print, kraft bags, embossing.
03

Icon

The pencil question mark on its own, in a ringed disc. It works as an avatar, favicon and sticker.

256px
128px
64px
32px
16px
Handcrafted Trivia×
handcraftedtrivia.com
Handcrafted TriviaTrivia nights · questions written by hand
Trivia

Below 32 px the simplified icon-small file is used automatically.

04

Clear space & minimum size

Clear space diagram
xxxx

x = the width of the rim band that carries the lettering. Keep this much empty space around the badge. Die-cut stickers can use the badge's own edge as the cut line.

Minimum size

AssetPrintScreen
Coaster badge30 mm wide140 px wide
Small-use badge18 mm wide80 px wide
Horizontal lockup50 mm wide240 px wide
Icon8 mm16 px (icon-small below 32 px)
05

Color

The first logos' charcoal and mustard, tuned warmer and given a job each: charcoal is the coaster, mustard is the pencil.

Taproom Charcoal
HEX
RGB
42 40 38
CMYK
0 5 10 84

The coaster disc, wordmarks on light, stamp ink.

Pencil Mustard
HEX
RGB
224 165 38
CMYK
0 26 83 12

The pencil paint and TRIVIA. An accent, never body text on cream.

Wood Cream
HEX
RGB
243 233 214
CMYK
0 4 12 5

The sharpened wood, HANDCRAFTED on the rim, light backgrounds.

Graphite
HEX
RGB
154 147 138
CMYK
0 5 10 40

The pencil point and the dot it wrote. Full-color files only.

Proportion

Charcoal and cream do most of the work; mustard is the spark.

Approved pairings

AaTaproom Charcoal on Wood Cream12.2:1 · AAA
AaWood Cream on Taproom Charcoal12.2:1 · AAA
AaPencil Mustard on Taproom Charcoal6.7:1 · AA
AaTaproom Charcoal on Pencil Mustard6.7:1 · AA
06

Typography

Both families are free Google Fonts under the SIL Open Font License, so anyone making a flyer can install them.

Display

Besley

Weights 700 · 900 · Google Fonts ↗

What is the only letter not in any U.S. state name?

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ?!&

The logo's lettering and every headline. Heavy weight, often in capitals.

Text

Source Sans 3

Weights 400 · 600 · 800 · Google Fonts ↗

Six rounds, one picture round, and a tiebreaker nobody sees coming.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 ?!&

Event details, answer sheets, captions, emails.

07

Misuse

The logo only works when it is used as drawn. Avoid these.

✕ Don't stretch it into an oval The coaster is always a circle.
✕ Don't change the colors Charcoal, mustard, cream, graphite.
✕ Don't spin it Keep HANDCRAFTED at the top.
✕ No drop shadows or bevels That was the old logo's problem.
✕ Don't put it on busy images Use a flat panel behind it.
✕ Don't fade it out No transparency or ghosted tints.
08

In use

Sample applications. Event details are placeholder copy.

Event poster
Event poster Charcoal stock with the reversed badge.
Answer sheet
Answer sheet The horizontal lockup heads every round.
Coaster
Coaster The badge printed as an actual beer mat.
09

Downloads

Download the full kit ZIP · 1.8 MB · SVG + PNG
Individual vector files