How to use logo files

This is a short overview on which filetypes to use in what scenarios. These are all general rules-of-thumb, so if you have a specific question, ask us!

If you are working with another designer or printer, they may have preferences on what filetypes they would like to work with, so always defer to them over the recommendations listed here.

File Structure

Inside the .ZIP file youโ€™ve opened, logo files are organized into folders to make it easy to find what youโ€™re looking for.

๐Ÿ“‚ย  Digital

โ€” ๐Ÿ“‚ย  01 Full-color (includes โ€œstandardโ€ version of logo)

โ€” ๐Ÿ“‚ย  02 Inverse (multicolor version of logo that works on dark backgrounds)

โ€” ๐Ÿ“‚ย  03 Black (solid black version of logo)

โ€” ๐Ÿ“‚ย  04 White (solid white version of logo)

๐Ÿ“‚ย  Print

โ€” ๐Ÿ“‚ย  01 Full-color

โ€” ๐Ÿ“‚ย  02 Inverse

โ€” ๐Ÿ“‚ย  03 Black

โ€” ๐Ÿ“‚ย  04 White

Are you using the logo digitally or in print?

The most important question is whether you need the logo for digital use or print. Digital use includes anything on the computer such as your website and social media. Print use includes any situation where your logo will physically exist such as business cards, flyers, t-shirts, or merchandise.

Print files and digital files require different color modes to display color correctly. Using a print file for your Facebook photo may cause the colors to display neon, and using a digital file on your flyer may make the colors look dull. This is the one step you should double-check youโ€™re doing right.

Which filetype should you use?

Each folder contains one version of your logo and icon in several different file formats.
Digital

๎€… ย  JPG

  • Best for you to preview your logo
  • Includes a solid background (can not be transparent)

๎€… ย  PNG

In most cases, you should use PNG for digital purposes!

  • Widely-accepted filetype
  • Higher quality than JPG
  • Includes a transparent background

๎€… ย  SVG

  • High quality
  • Includes a solid background (can not be transparent)
  • Only editable in specific vector software (such as Adobe Illustrator)
  • Used for specific cases, usually by a graphic or web designer
Print
๎€… ย  PDF

In most cases, you should use PDF for print purposes!

  • Widely-accepted filetype
  • High quality
  • Viewable on most computers without special software
  • Editable in vector software (such as Adobe Illustrator), which may be required by certain printers/manufacturers
  • If your printer requests an .AI file, these .PDFs will functionally work the same! (They are editable vector files too.)

๎€… ย  EPS

  • High quality
  • Only viewable in specific vector software (such as Adobe Illustrator)
  • Used for specific cases, usually by a manufacturer or artist