Drupalize.Me Style Guide

This guide is intended to aid in keeping our brand and website visually consistent as it grows and progresses. The more consistent and calculated we can be, the more professional and familier our brand will be. Drupalize.Me is a growing entity and therefore a brandguide is crucial in keeping our product on the right track. If there is anything unclear in this guide please bring it to the teams attention.

Style Guide

Our Colors

Below is our brand colors and some examples of shades.

  • $Blue

  • $Orange

  • $Gold

  • $Green

  • $Charcoal

  • $Silver

  •  

  •  

  •  

  •  

  •  

  •  

  •  

  •  

  •  

  •  

  •  

  •  

Style Guide

Logo Usage

Our logo is the face of our company and should always be used correctly regardless of the circumstance.

Drupalize.Me

Whenever possible we should utilize our full color horizontal logo.

Drupalize.Me

Our logo can be used reversed on our darker brand colors or black.

Drupalize.Me

Only when limited to do so our logo can be used in grayscale or all black.

Drupalize.Me

Regardless of which version of logo is in use the appropriate clear space should surround it.

Drupalize.Me

We also have a circular logo that can be used for instaces where the horizontal format just doesn't work.
Download Our Logo Files

Typography

Using our brand fonts are just as important as using the correct colors. Below is a breakdown of typefaces we use and some examples of usage.

Proxima Nova

Proxima Nova straddles the gap between typefaces like Futura and Akzidenz Grotesk. The result is a hybrid that combines modern proportions with a geometric appearance. In the last few years, Proxima Nova has become one of the most popular web fonts, in use on thousands of websites around the world.

Chaparral Pro

Chaparral combines the legibility of slab serif designs popularized in the 19th century with the grace of 16th-century roman book lettering. The result is a versatile, hybrid slab-serif design, a unique addition to the Adobe Originals family of typefaces. Unlike “geometric” slab serif designs, Chaparral has varying letter proportions that give it an accessible and friendly appearance in all weights from light to bold.