# Logos

{% hint style="info" %}
To request these logo files, please send an email to [marketing@usgbc.org](mailto:marketing”@usgbc.org) with details about how the logo will be used, your contact information, and any other pertinent information.
{% endhint %}

{% hint style="warning" %}
**Usage guidelines**

When applying the GBCI logo please follow these simple rules:

* Scale the logo uniformly
* Ensure the logo is legible (re. size and surrounding space)
* Don't skew or rotate the logo
  {% endhint %}

The wordmark is contemporary and confident. The minimalist custom lettering mirrors the clarity of our mission.

Our logo should only be seen in any of the primary colors or black and white. Files have been provided for each of these color variations. The logo should never be represented in a secondary palette color or any other color in the spectrum not identified in the primary palette.

The letters of GBCI should always be one color.

<figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FvDh7hPwg1AGkbEiI8WUT%2FGBCI_FINAL_LOGO_CMYK_black.jpg?alt=media&#x26;token=975cb51f-1e46-4457-a729-d9f7e33f1765" alt="" width="375"><figcaption></figcaption></figure>

### USING THE LOGO

Our logo should always contrast with its background.

{% tabs %}
{% tab title="Isolation Zone" %}
To maintain the integrity of the logo, it should be isolated from adjacent content. When positioning the logo, leave a minimum of ‘X’ amount of space all-around, where ‘X’ is equal to the cap height of the wordmark as shown to the right. The length of ‘X’ changes proportionally according to the size of the logo.
{% endtab %}

{% tab title="Size" %}
There are two sizes of the logo. One is optimized for scales larger than .5” in height, and the other, smaller, version has been optimized for applications .5” in height and under.The minimum size at which the logo should ever be used is .25” height.
{% endtab %}
{% endtabs %}

***

<figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FCr59prKxsEsc9homes86%2FGBCI_FINAL_LOCKUP_CMYK_black.jpg?alt=media&#x26;token=c3e22760-52d2-4b45-96e9-56da754439de" alt="" width="375"><figcaption></figcaption></figure>

### Logo Lockup&#xD;

This lockup should be used in instances when the name needs additional context. The different elements of the logo should not be separated and used individually in place of the logo.

The GBCI logo and the text lock up should always be the same color.

{% tabs %}
{% tab title="Isolation Zone" %}
To maintain the integrity of the logo, it should be isolated from adjacent content. When positioning the logo, leave a minimum of ‘X’ amount of space all-around, where ‘X’ is equal to the cap height of the wordmark as shown to the right. The length of ‘X’ changes proportionally according to the size of the logo.
{% endtab %}

{% tab title="Size" %}
There are two sizes of the logo lockup. One is optimized for scales larger than 1” in height, and the other, smaller, version has been optimized for applications 1” in height and under.The minimum size at which the logo should ever be used is .5” height.
{% endtab %}
{% endtabs %}

***

### Regional Logos

There will be occasions when it is important to distinguish between the various international regions in which we operate. The following regional lockups are to be used when this distinction is needed.The addition of our signature green communicates that the region is not integral to the over-arching logo, but rather a descriptor within our identity.

The GBCI logo and the region lockup should never be the same color and/or tint. When the full color version is used, the region lockup should be in our primary green. Printed in black or white, the region should be a 50% tint of the logo.

<div><figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FAWJVXky5s87yaImEDTbF%2FGBCI_FINAL_CANADA_2Color.jpg?alt=media&#x26;token=1d442766-dcf1-45ed-808a-c8ad16342b2d" alt=""><figcaption></figcaption></figure> <figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FI1ptv5kX9RJxIIvmZEKA%2FGBCI_FINAL_CHINA_2Color.jpg?alt=media&#x26;token=c517e6d2-f571-4708-8668-88f15c946c01" alt=""><figcaption></figcaption></figure> <figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FJxSbadABLN61jEEA5KCt%2FGBCI_FINAL_EUROPE_2Color.jpg?alt=media&#x26;token=d0efff3d-ca55-4ad7-95d8-fd6d83deb1a8" alt=""><figcaption></figcaption></figure></div>

<div><figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FddfYDjw6k1POoVQFo0N1%2FGBCI_FINAL_INDIA_2Color.jpg?alt=media&#x26;token=08c73967-81fa-48b1-aa91-77a21ce30e99" alt=""><figcaption></figcaption></figure> <figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2Fc9V4VjJD8rlkwiaceync%2FGBCI_FINAL_LOGOS-2-color.jpg?alt=media&#x26;token=3ec81c09-0867-42da-bdbf-14a3c3a8506e" alt=""><figcaption></figcaption></figure> <figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2F7wJTh40EyEJPAI5gWkU8%2FGBCI-MENA_2-color.jpg?alt=media&#x26;token=5feda78e-9c53-408f-946c-d83cc454e5d9" alt=""><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="Isolation Zone" %}
To maintain the integrity of the logo, it should be isolated from adjacent content. When positioning the logo, leave a minimum of ‘X’ amount of space all-around, where ‘X’ is equal to the cap height of the wordmark as shown
{% endtab %}

{% tab title="Size" %}
There are two sizes of the logo lockup. One is optimized for scales larger than .5” in height, and the other, smaller, version has been optimized for applications .5” in height and under.The minimum size at which the logo should ever be used is .25” height.
{% endtab %}
{% endtabs %}

### Adding New Regions

Always use the primary GBCI wordmark, with the region name typed in PF DIN Display Pro set in medium weight. If a new region is needed, please reach out to <marketing@usgbc.org> for support.

{% hint style="warning" %}
For further information please see GBCI's [trademark guidelines](https://support.usgbc.org/hc/en-us/articles/24279611836179-GBCI-Trademark-Policy-and-Branding-Guidelines#01GM6PSEDY8YYCD0XFH7FK6KFA).
{% endhint %}

***

### File Format Guide

{% tabs %}
{% tab title="PNG" %}
PNGs (Portable Network Graphics) are raster based images. PNGs can be saved at as hi-res images but increasing the size of a PNG will reduce the overall quality of the image. A benefit of using PNGs (instead of JPGs) is that they support transparent and semi-transparent backgrounds.

**When to use:**

* When a SVG cannot be uploaded eg. on 3rd party apps
  {% endtab %}

{% tab title="SVG" %}
SVGs (Scalable Vector Graphics) can be scaled up or down in size without any loss of detail. Often used for logos, icons and vector based illustrations.

**When to use:**

* **Websites/Apps** - ensure branding looks perfect on all screens
* **Illustrations** - small file sizes and easily editable
* **Animation** - SVGs can be animated
  {% endtab %}

{% tab title="EPS" %}
An EPS (Encapsulated PostScript) file is a vector graphics file format primarily used in print and publishing industries.&#x20;

**When to use:**

* **Printing or large-scale** - EPS files are known for their scalability, meaning they can be enlarged or reduced without losing quality, making them ideal for large-scale printing projects.&#x20;
  {% endtab %}

{% tab title="PDF" %}
Used for print and in Adobe apps. All these formats are vector based and scalable.

**When to use:**

* **PDF** - a format that's independent of software, hardware or OS. Fonts can be embedded in PDFs. Best format for providing print-ready files
  {% endtab %}
  {% endtabs %}
