Brand Identity

Visual elements of the SGI brand

SGI has two shades of brand blue which make up the gradient in the logo:

SGI Light Blue

CMYK
Pantone
RGB
HTML

70 15 0 0
—
39 170 225
#27aae1

SGI Dark Blue

CMYK
Pantone
RGB
HTML

85 50 0 0
—
28 117 188
#1c75bc

The brand currently has one approved accent color. This should be used very sparingly.

SGI Accent Rust Orange

CMYK
Pantone
RGB
HTML

5 82 99 1
—
228 83 39
#e45327

The grayscale for the brand has a "warm" hue to it to counterbalance the cool brand blues:

5% Warm Black
#e3e2e0

20% Warm Black
#c5c3c2

40% Warm Black
#9d9a99

60% Warm Black
#737070

80% Warm Black
#4a4747

Warm Black
#221e1e

The SGI "leaf icon" should always be on the left of the typography:

No Trademark
With ™

Download High-Res (.png) Download Vector (.pdf) Download Vector (.eps)

Logo reversed on a darker color:

No Trademark
With ™

Download High-Res (.png) Download Vector (.pdf) Download Vector (.eps)

The SGI leaf icon can also be used by itself when appropriate.

No Trademarks
With ™

Download High-Res (.png) Download Vector (.pdf) Download Vector (.eps)

SGI leaf icon reversed:

No Trademarks
With ™

Download High-Res (.png) Download Vector (.pdf) Download Vector (.eps)

Please ensure that the logos have adequate whitespace around them to preserve the presence of the brand on the page or screen.

This is the minimum amount of whitespace to leave. More is usually better.

Also ensure that the logo is displayed at a legible size.

The minimum size of the full logo is 1/3" tall or 36 pixels online; The icon only version should be at least 36 pixels tall too, except when used in the address bar of the website: 16 x 16 bookmark icon (favicon).

Here are some basic tips for using the logo correctly:

Correct: Display the logo and tagline larger than the minimum size, in the correct brand colors, and with adequate margin on white or a light-neutral background.

Correct: Display the reversed logo and tagline larger than the minimum size, in the correct reverse color (white), and with adequate margin on a dark, uncluttered background.

Incorrect: Do not display the logo typography without the icon or descriptor.

Incorrect: Do warp the shape of the logo.

Incorrect: Do not display the logo rotated.

Incorrect: Do not display the logo on top of a cluttered background like a detailed photo, because the logo is no longer legible.

Incorrect: Do add a drop shadow, bevel, or other Photoshop effects to the logo.

Incorrect: Do not change the color of the logo.

Incorrect: Do not change the descriptor font.

Incorrect: Do not change the size or position relationship between the icon, the text, and descriptor.

The SGI brand utilizes only one typeface: Open Sans. This should be used for large headlines and body copy. Use different font size, color and/or font weight to draw distinctions between headlines and body copy.

Open Sans Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890

Open Sans Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890

Open Sans Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890

Open Sans Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
01234567890

All weights of Open Sans are available as a free download at fontsquirrel.com:

Download Open Sans Font

Brand Identity

Brand Colors

SGI Logo

Logo Spacing and Sizing

Logo Usage Guidelines

Brand Typeface