Primary Logo

Preferred version of the freeCodeCamp logo and should appear on the majority of branded materials.

PNG | JPEG | EPS

Glyph

Used when production restrictions do not allow the use of the full logo.

PNG | JPEG | EPS

LOGO COLORS

The freeCodeCamp logo is designed for use primarily with on a dark green background. For instances in which the full color logo is not practical, the colors and color combinations shown here are approved alternatives.

Primary Color

PNG | JPEG | EPS

Alternative Color

PNG | JPEG | EPS

TYPOGRAPHY

freeCodeCamp uses one consistent open-source type, Lato, with various font weights to ensure readability and typographical hierarchy.

Download Lato

freeCodeCamp uses SaxMono, for our logo.

Download SaxMono

Free Code Camp uses Ubuntu Mono for our code editor.

Download Ubuntu Mono

BRAND COLORS

These are the colors that make up the freeCodeCamp color palette. They are approved for use with all freeCodeCamp materials.

Primary Colors

Dark Green

#006400

Orange

#FF9C2A

Red

#FF4025

Blue

#3949AB


Secondary Colors

Green

#007E00

Light Orange

#FFAD25

Light Red

#FF6D58

Light-Blue

#2DB9FF

Purple

#BA68C8

Yellow

#FFEE18

Brown

#A4755F

Grey

#E0E0E0

Dark Grey

#939393

Black

#2A2A2A

White

#FFFFFF

Davy's Grey

#555555


SPACING CONSIDERATIONS

To maintain the integrity of the freeCodeCamp logo, it is important that one provides adequate space around the logo.

To ensure enough spacing give 50px or greater padding to each side.

LOGO MISUSE

The consistent application of color plays an extremely important role in the freeCodeCamp identity system.

The examples below illustrate a few inappropriate applications of the logo.

Do not rotate or distort logo
Do not reassign colors
Do not rearrange logo elements
Do not scale elements seperately
Do not enclose in shapes
Do not add elements to logo

QUESTIONS

Feel free to reach out to us at team@freecodecamp.org with anymore questions about the freeCodeCamp style guide.