# Logos

{% hint style="info" %}
To request our logo files, please send [reach out to the marketing team](https://usgbc.getfeedback.com/marketing/) with details about how the logo will be used, your contact information, and any other pertinent information.
{% endhint %}

Our main logo is our USGBC seal in black. This logo is reserved for use on formal printed materials, including letterheads, certificates and advertisements. It is our most recognizable mark and should be used exclusively to introduce customers to our brand.

<div><figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FZYtdXup5digdA5C0RbGN%2Fusgbc-logo-01.png?alt=media&#x26;token=899e1063-be8e-462b-83e4-f9d37c906288" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FYqO16g2at2J0XbcgYG62%2Fusgbc-logo-02.png?alt=media&#x26;token=77b14c80-c25a-497c-93cf-aed1702faad1" alt="" width="563"><figcaption></figcaption></figure></div>

### General Logo Guidelines <a href="#id-01gm6psedyxwevd1xdqv3d75yc" id="id-01gm6psedyxwevd1xdqv3d75yc"></a>

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

When applying the USGBC logo please follow these simple rules:

* Use the black logo unless otherwise approved by the Marketing team
* Scale the logo uniformly
* Ensure the logo is legible (re. size and surrounding space)
* Don't skew or rotate the logo
  {% endhint %}

{% columns %}
{% column %}

#### Do

* Only use artwork files provided by USGBC.
* Provide as much clear space around the asset on all sides. Clear space around our assets keeps them uncluttered and prevents elements from encroaching on our marks.
* If you make it small, make sure it's still legible. A general rule is no smaller than 50px on its shortest side.

<br>
{% endcolumn %}

{% column %}

#### Don't

* Make the mark the most prominent visual element on business and marketing materials. The user’s name and logo must be significantly larger than the marks.
* Distort or alter the marks' shape, proportion, color, or orientation. Keep them only as they appear in their original files.
* Wrap additional text around the marks, integrate them into other logos, or enclose them in another graphic. The marks are intended to stand alone.
  {% endcolumn %}
  {% endcolumns %}

{% hint style="info" %}
*While this policy generally outlines third parties' usage of USGBC marks in permitted and limited ways, USGBC retains the right to revoke such permission at its sole discretion. Any unauthorized use of a USGBC proprietary mark may result in legal action.*
{% endhint %}

<figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FH05ZcYs2ynpJ692X0OGP%2Fusgbc_blk.png?alt=media&#x26;token=89ec5188-131c-458a-b29a-70e7791e21f5" alt="" width="144"><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Always" %}

* Original print size is set in the EPS file. Do not reduce the logo to more than 20% or enlarge it to more than 380% of its original print size.&#x20;
* The height and width of the mark must be constrained to its original proportions.&#x20;
* Do not reduce the mark to less than a 50-pixel height, and do not enlarge the mark to more than a 200-pixel height.
* Keep 0.25” clear on all sides  of the USGBC logo in print layou
  {% endtab %}

{% tab title="Never" %}

* Alter the logo in any way. Do not animate, color, rotate, skew, or apply any effects to the logo.
* Wrap additional text around the mark.&#x20;
* Use the mark as the most prominent visual element on the materials.
* Integrate the mark into other logos. The mark is intended to stand alone.
  {% endtab %}
  {% endtabs %}

### 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 %}

***

### Oak Leaves

Our oak leaves may be pulled out to use in some cases to be determined by our designers only.&#x20;

<figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FmQmwwdk1yHQPsC1iMbrV%2Fimage.png?alt=media&#x26;token=681355d1-1866-4907-ba9f-bab8b15c34e2" alt="" width="410"><figcaption><p>usgbc.org navigation</p></figcaption></figure>

<figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FshP3IwpqERE3sP8l4qs5%2Fimage.png?alt=media&#x26;token=936f5778-2788-4d34-9151-37d193c6acc5" alt="" width="360"><figcaption><p>staff email signature template</p></figcaption></figure>

***

## Digital Marks

USGBC has a set of responsive marks that can adapt to various digital platforms and screen sizes.They are strategically redesigned to retain clarity and brand identity across contexts, especially in small or unconventional formats like favicons, mobile apps, and social media. The below three marks are only to be used for digital communications.&#x20;

{% hint style="info" %}
USGBC's main logo should always be used for print and traditional media. Ideal uses include but are not limited to: print materials, press kits, formal communications, large-scale marketing, or first-time brand introductions.
{% endhint %}

<div><figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2F2B8uLcob6PW3jdgqJ5Q2%2FUSGBC_digital-marks_flexible-lettermark.png?alt=media&#x26;token=d4cef40b-f810-47e5-b132-f9bb93fef10d" alt=""><figcaption><p>Flexible Lettermark</p></figcaption></figure> <figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2FGXowsLu1ifeYND2gvL1T%2FUSGBC_digital-marks_lettermark.png?alt=media&#x26;token=fbc41b22-ebc2-454e-8d78-4ce4e0888d6a" alt=""><figcaption><p>Lettermark</p></figcaption></figure> <figure><img src="https://46069396-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2HevFufwWWnGJpNnEWDl%2Fuploads%2F2TvIQVV8WlKUt3Z2Uri2%2FUSGBC_digital-marks_abstract-avatar.png?alt=media&#x26;token=b84321fe-386b-4116-8d75-c97be42715b0" alt=""><figcaption><p>Abstract Avatar</p></figcaption></figure></div>

{% tabs %}
{% tab title="Flexible Lettermark" %}
**Digital only**

Minimal width of 100 px

When to use:&#x20;

* The audience is already familiar with the brand and size constraints begin

Applications: responsive websites, internal communications, lower-third branding, branded graphics where the audience is already familiar with the brand.
{% endtab %}

{% tab title="Lettermark" %}
**Digital only**

Minimal width 70 px

When to use:&#x20;

* Space is tight but clarity is key

Applications: navigation menus, email signatures, mobile apps
{% endtab %}

{% tab title="Abstract Avatar" %}
**Digital only**

Minimal width 30 px

When to use:&#x20;

* Space is limited

favicons, social avatars, mobile headers
{% endtab %}
{% endtabs %}
