Style Guide


Logo Guidelines

All the best brands have a recognizable logo, and to make sure the public knows the Foundation when it sees it, it's important that we keep our logo consistent, no matter how we're using it. And to make sure of this, you're required to follow the guidelines in this next section whenever you use the Specialized Foundation logo.

Screen Shot 2017-10-18 at 8.02.17 AM.png

The Specialized Foundation logo, pictured above, is our primary logo colorway. Use black on a light background, and white on a dark or grey background. Please do not add color the logo.

White Fill 

White Fill 

Black Fill 

Black Fill 


Logo Misuse 

It's important that the logo's appearance is consistent. The logo shouldn't be misinterpreted, modified, or added to. Seriously. Don't change anything. There are no exceptions on this. Did we mention not to change anything? Don't change anything.

Logo-misuse.jpg

A. Do not colorize the logo. 

B. Do not change the typeface nor recreate or manipulate the logo.

C. Do not separate any part of the logo.

D. Do not rotate the logo. 


The Control Area

The control area is the space that must always surround the lockup. This space ensures that the integrity of the design isn't cluttered. The control area is equal to half the height of the icon (shown below in light grey.)

Screen Shot 2017-10-18 at 9.21.05 AM.png

Minimum Size 

The majority of the Foundation's logo is text, and the smaller the text, the harder it is to read. That's why we've made a minimum size for it, so it'll always keep the impact and legibility that we all want and that the logo deserves. Have a question? Let us know. We're here to help. 

150 pixels minimum for digital, 40mm for print. 

150 pixels minimum for digital, 40mm for print. 


our fonts

Heading 1

Din-condensed-web-regular

Style: Normal

Weight: Normal

Size: 40px

Line Height: 40px

Color: Onyx (black)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

 

Heading 2

Din-condensed-web-regular

Style: Normal

Weight: Normal

Size: 23px

Line Height: 23px

Color: Iris Blue

 

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

 

Body Copy

Helvetica Neue

Family: Arial, Sans-serif

Style: Normal

Weight: Normal

Size: 14px

Line Height: 24px

Color: Onyx (black)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

 


Our Colors 

Screen Shot 2017-10-26 at 10.34.38 AM.png
Screen Shot 2017-10-26 at 10.34.49 AM.png
Screen Shot 2017-10-26 at 10.35.03 AM.png
Screen Shot 2017-10-26 at 10.35.11 AM.png
Screen Shot 2017-10-26 at 10.35.17 AM.png