Logos
USGBC’s logo should be used with the utmost consistency and integrity.
Below are the Arc logos. The primary logo is the black version, but the reverse option is also suitable if needed (in the case of darker backgrounds, etc.)
Usage guidelines
When applying the Arc 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
Please keep a minimum safe space of 25% of the size of the logo on all sides to ensure it reads properly and is not overly crowded by other elements.
Designers can often do this by eye, but if accuracy is necessary, you can calculate the safe space by separately multiplying the logo’s width + height by 0.25 for the final measurements.
Example
Width: 200 px | Height: 60 px (note: not real dimensions)
Horizontal safe space: 200px x .25 = 50 pixels
Vertical safe space: 60px x .25 = 15 pixels
NOTE: The safe space applies to all sides of the logo. In this case, the minimum safe space would be 50 pixels on both the left and right side of the logo and 15 pixels above and below.
File Format Guide
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
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
An EPS (Encapsulated PostScript) file is a vector graphics file format primarily used in print and publishing industries.
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.
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 file
Last updated