Skip to main content

Brand

Logo, colors and fonts

Making a sign, a shirt or a listing for Zack of All Trades? Everything you need is here: the logo in every color as SVG and PNG, the colors with their codes, and the two fonts.

Go to the downloads

The logo

Three versions, one drawing

The roofline over the name. Use the full logo where there is room, and the smaller versions where there isn't.

Full logo

The roofline, ZACK, OF ALL TRADES and the HANDYMAN SERVICES line.

For the big spots: truck doors, yard signs, shirts, the top of a flyer.

Compact logo

The same without the HANDYMAN SERVICES line, so it stays readable when small.

For small spots: the website header and footer, invoices, email signatures.

Icon

The roofline over a Z.

For square spots: profile pictures, stickers, the browser tab.

Logo colors

Ink, white or orange

The logo is always one solid color. Pick the one that stands out from what it sits on.

Ink#0C0D10On white, light paint and light photos. The one to use in print.
White#FFFFFFOn ink, dark paint and dark photos. It is the logo over the video on the home page.
Orange#F6841FOn ink only. On white it is too pale to read.

Using the logo

  • Use one of the three colors above. The logo is never two-tone, outlined or given a shadow.
  • Scale it, never stretch or squash it. The files keep the right shape if you drag a corner.
  • Leave clear space around it at least as tall as the OF ALL TRADES line.
  • Below about 120 pixels tall on screen, or 3 cm in print, use the compact logo or the icon instead of the full logo. The HANDYMAN SERVICES line gets too small to read.

Downloads

Every file, free to use

SVG stays sharp at any size: give it to a sign shop, a printer or a designer. PNG is for places that won't take SVG, like social profiles and documents. The PNGs have a clear background.

Full logo

  • InkOn white, light paint and light photos. The one to use in print.SVGPNG
  • WhiteOn ink, dark paint and dark photos. It is the logo over the video on the home page.SVGPNG
  • OrangeOn ink only. On white it is too pale to read.SVGPNG

Compact logo

  • InkOn white, light paint and light photos. The one to use in print.SVGPNG
  • WhiteOn ink, dark paint and dark photos. It is the logo over the video on the home page.SVGPNG
  • OrangeOn ink only. On white it is too pale to read.SVGPNG

Icon

  • InkOn white, light paint and light photos. The one to use in print.SVGPNG
  • WhiteOn ink, dark paint and dark photos. It is the logo over the video on the home page.SVGPNG
  • OrangeOn ink only. On white it is too pale to read.SVGPNG

Square icons

  • Profile pictureWhite icon on an ink square, 512px. Google, Facebook, Nextdoor, Yelp.PNG
  • Rounded app iconThe same as an SVG with rounded corners, sharp at any size.SVG
  • iPhone home screen icon180px with square corners. The phone rounds them itself.PNG

Colors

Ink, white and one orange

Mostly dark ink and white, with orange kept for the things you should press.

  • Ink

    #0C0D10RGB 12 13 16

    The dark bands, the hero, the footer, and the logo on light grounds.

    • White text on it: 19.4 to 1, easy to read

  • Jet

    #14161BRGB 20 22 27

    Body text and headings on white.

    • On white: 18.1 to 1, easy to read

  • White

    #FFFFFFRGB 255 255 255

    The page itself.

  • Mist

    #F4F5F7RGB 244 245 247

    The pale grey bands that separate sections.

  • Orange

    #F6841FRGB 246 132 31

    The action color: the estimate buttons, the call button and the short bars before section labels. Always ink text on it, never white.

    • Ink text on it: 7.6 to 1, easy to read
    • White text on it: 2.5 to 1, too faint for words

  • Orange for text

    #B05008RGB 176 80 8

    A darker orange for small orange words on white or mist: section labels and tags.

    • On white: 5.3 to 1, easy to read
    • On mist: 4.8 to 1, easy to read

  • Link orange

    #A84B07RGB 168 75 7

    Links in running text, dark enough to stand apart from the words around them.

    • On white: 5.7 to 1, easy to read

Fonts

Two fonts

Both are free Google Fonts, so a printer or designer can download them at fonts.google.com.

Roof to floors, one person.

Anton

Headings, always in capitals.

A tall, narrow poster face with one weight. Never bolded or slanted.

Roof to floors, one person.

Hanken Grotesk

Everything else: paragraphs, buttons, labels, forms.

Regular for reading, extra bold and spaced out for the small capital labels.

The name

Writing it out

In words it is Zack of All Trades: a capital Z, A and T, and a small “of”. On directory listings and official forms, use the registered name, Zack of All Trades Services. The logo’s capitals are part of the drawing, not the spelling.

Need something else?

Ask me

A different format, a size for a specific sign, or a check before something goes to print: email me and I’ll send it over.

zackalltrades@gmail.com