Logos
CFGS's logo should be used with the utmost consistency and integrity.
Usage guidelines
When applying the CFGS 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
The Center’s logo has two versions. One includes the full line noting that the Center is associated with USGBC. The other is smaller and does not include that line. Both marks include USGBC’s oak leaves and have typographic emphasis on Center and Green Schools.
USING THE LOGO
Our logo should always contrast with its background.
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 height of the beige box. The length of ‘X’ changes proportionally according to the size of the logo.
Small Format Logo
The secondary wordmarks can be used when the Center’s line about USGBC does not need to be included. These are useful when placing a logo in a smaller setting as well — this logo is more readable at smaller sizes.
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 height of the beige box. The length of ‘X’ changes proportionally according to the size of the logo.
Badges
The badges created for the Center are meant to be used in less formal settings like social media promotion, or on merchandise.
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 height of the beige box. The length of ‘X’ changes proportionally according to the size of the logo.
Because these badges include smaller text, the circular version should never be scaled smaller than 192 px x 192 px. We also have a smaller badge that offers the acronym CFGS. This can be used in smaller applications and still be readable.
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 files
Last updated