Guidelines

See the [contributing how-to](https://github.com/fileformat/vectorlogozone/blob/gh-pages/CONTRIBUTING.md) on github for how to contribute.

File/Directory naming guidelines

Use the base domain name without the top-level domain. For example: Bootstrap's website is www.getbootstrap.com, so the directory and logo handle should be getbootstrap.

If the home page is a subdirectory or subdomain, put an underscore and then the subdirectory/subdomain.

Image guidelines

One of the key reasons for VectorLogoZone is a visually consistant look. These are the guidelines for making images.

Detailed rules:

  • Do not reference external fonts in .svg files: convert to curves. However, document the name (and url) of the font.
  • Add a shadow or outline if there are white elements/edges so logos look good on a light background.
  • Make the background transparent.
  • Include the original file with _src suffix (if legally possible). Document the url where you found it.

Images to make


2:1 Aspect Ratio

2:1 Aspect Ratio with logo and text. Image should include some padding.

Image should have padding

Image must be 120px wide by 60px tall

View all


Icon

Logo, no text.

Image should go all the way to the edge: no extra whitespace/padding.

Image should be 32px square

View all


Vertical Badge

Vertical badge with logo above text

The image can be wider or narrower. Image should be padded and centered. Logo and text should be properly proportioned.

View all


Horizontal Badge

Horizontal badge with logo on left, text on right

Leave the appropriate padding if the characters do not have ascenders or descenders.

Text font size should be 64px. See the template below.

View all


Official Logo

Official Logo, with text, including tagline/copyright/etc

View all


Wordmark

Just the name in the appropriate font in black at 64 pt.

Leave the appropriate padding if the characters do not have ascenders or descenders.

Text font size should be 64px. See the template below.

View all


Template

The text in the horizontal and wordmark versions should be 64px high.

If the text does not have any letters with descenders, the bottom of the text should be at 16px. I.e. 15px of whitespace below the text.

If the text does not have any letters with ascenders, the top of the text should be at 50px. I.e. 14px of whitespace above the text.

If the logo is bigger than the text, the image can be bigger as well.

If the font has strange proportions (or is too light or dark), the size can be adjusted so it is visually similar to the guidelines.

template for horizontal and wordmark

Metadata

Each directory needs to have an index.md file with front matter metadata. The metadata is used by Jekyll when building indexes and lists.

The following items need to be filled in:

Key Value Details
facebook url Facebook page url
github string Github ID, not the url
images list of images This will be automatically filled in by bin/frontmatter_update.py
logohandle directory name Just to make life easier in the Jekyll scripts. It will be automatically filled in by bin/frontmatter_update.py
skipped integer Number of images other than the standard ones. If there are any, there will be a more link to github to view them.
sort string Normally just the lowercase logohandle. However, if the logohandle is not what people expect, you can override it. It will be automatically populated by frontmatter_update.py but it will not overwrite.
title string Title used on the page and in listings. Required.
twitter string Twitter ID, not the url.
website url complete url, including http/https

Fork me on GitHub