Brand Style Guide
Logos, colors, and typography for the DevStats brand.
Logo variants.
Use the primary logo whenever possible. Choose the symbol variant only when space is constrained.
Placement guidelines.
Full Color
On WhiteOn Light ColorsAvoid Low ContrastInverted
On NavyOn Dark ColorsAvoid Low ContrastCommon mistakes to avoid.
Don't distort the proportions of the logo.
Don't change the orientation of the logo.
Don't place the logo on similar colors.
Don't change the logo colors.
Don't add other effects to the logo.
Don't place the logo on busy backgrounds.
Differentiation with bold color.
Each color has a specific role. Follow the usage rules to maintain brand consistency.
Think of this color as our accent piece. It is used to add energy and playfulness to our visual language.
Do not use for buttons. Yellow is an alarming color.
Afterburn Orange is used for backgrounds, graphics, and in the DevStats logo. It pairs well with Navy and Maverick Yellow.
Do not use for buttons. Orange is an alarming color.
Navy is our dependable neutral that we use for backgrounds, text, buttons, and graphics. It grounds all of our accent colors and stabilizes the color palette.
Cirrus Grey is used to break up vibrant colors in a composition. It is used for subdued text, graphics, and backgrounds.
Do not use for buttons.
Sky Blue is used for graphics, button fills, text links, and interactive elements. It brings a technical coolness to the palette.
Do not use for plain body text.
Accessible color pairings.
Use these pairings for readable text and background colors
You can use lighter tints of Color 1 and darker tints of Color 2 to create more combinations. As a general rule of thumb, Navy pairs well with all the other colors and their tints.
Typefaces.
Two typefaces curate a technical flavor that speaks to DevStats' audience. They are flexible and utilitarian — no other typefaces are needed.
In practice.
to new heights.