Visual Guidance - Matchstick Creative

Visual Guidance

Jump to the bit you need

Logo Usage

Learn how to use our logo correctly,
otherwise it’ll talk about you to all the
other logos.

Colour & Markings

Understand how we use our colours
and brand markings to create that
distinctive Matchstick look.

Typography

It takes a certain type to get type
right and we think you’re the type
to get it right.

Photography

How we represent people and spaces
are important, find out how we do it
here.

Logo Usage

Fig. 1

Against a white background
The strike above our ‘i’ can be recreated in any of our five highlighter colours, whichever suits the situation best.

Against a coloured background
The highlight must be turned white. The letters must remain black. (Geez, bossy)

Fig. 1

Fig. 2

Sometimes a full logo can be a bit much (like social media avatars), in these instances we would use the ‘m’ on its own.

Against a white background
Feel free to use the coloured highlight behind the ‘m’.

Against a coloured background
The highlight needs to be white, the ‘m’ looks suited and booted in black.

Fig. 2

Logo Alignment

Fig. 3

Standard
Our logo feels most comfortable right aligned – we don’t know why either, it’s just what it said when we asked. Think ‘right looks right’.

 

Special Instances (ooooh)

There are some special instances it can be used left and central aligned (like our awesome website) but keep these to a minimum.

Fig. 3

Fig. 4

Reduced Logo
Our reduced logo plays by its own rules. It looks good anywhere – right, left, central. Put that puppy in wherever it looks good.

 

Note

The figures shown on the right are just guidelines for page placements – we don’t have strict margins in place.

Fig. 4

Colours & Markings

Our colours take inspiration from the highlight tones of post it notes. These bright colours are to only be used as highlight, accent colours and never all together *wah my eyes!*.

Our CMYK values are to be used as a last resort. We recommend printing in fabulous luminescent Pantone inks to get the full effect of our colours.

HEX: 42f5f5
RGB: 66, 245, 245
CMYK: 56, 0, 17, 0
PANTONE: 915c

HEX: a6ff42
RGB: 166, 255, 66
CMYK: 59, 0, 100, 0
PANTONE: 902c

HEX: fd4db0
RGB: 253 77, 176
CMYK: 5, 78, 0, 0
PANTONE: 806c

HEX: feff28
RGB: 254, 255, 40
CMYK: 0, 1, 100, 0
PANTONE: 803c

HEX: f6f6f6
RGB: 66, 245, 245
CMYK: 0, 0, 0, 4
PANTONE: 656c

HEX: fffff
RGB: 255,255,255
CMYK: 0, 0, 0, 0

HEX: 0e192e
RGB: 14, 25, 46
CMYK: 100, 87, 49, 66
PANTONE: 546c

Process Markings

These are our process markings. They reflect the way we work when we mark up content and scribble down ideas. They shouldn’t look too neat. We like to use them to highlight certain words or as an underline on headings in proposals or documents.

Thick Highlight

Circle Jobby

Strike Highlight

Skinny Underline

Triangle Hat

Double Trouble

Thicker Highlight

Alt. Circle Jobby

Typography

Our core font is DM Sans. It’s clear, strong and has a slight friendliness to it. We only use DM Sans Bold and DM Sans regular as weights. It just keeps things really simple and legible. Hierarchy should be created through size, colour and highlights.

DM Sans is a Google font and can be downloaded for free.

For an even friendly-er approach we like to use Permanent Marker as a highlighting font. This is used to draw out key messaging and should be used sparingly after DM Sans.

Permanent Marker is also a Google for so…you’re welcome for it being so easy to get!

Photography

Our photography style is light, airy and positive. People and process should be the focus of our brand photography. Natural shots of our team doing their thing, not posed or stocky. Close ups of scribbles & post its show our process and relay the brand colours through photography. And lots of photos of Finn. Finn is really photogenic.