← Codecademy

Guidelines deck

4 boards · page order preserved

  1. educationcodecademy.com

    Codecademy

    Learn the technical skills to get the job you want. Join over 50 million people choosing Codecademy to start a new career (or advance in their current one).

    CodecademyCover
    01Covercover
  2. Tokens · Color

    Color System

    Charcoal
    primary#1C4454
    50950
    AA 10.5
    White
    surface#FFFFFF
    50950
    Near Black
    text#111111
    50950
    AA 18.9
    Crimson
    accent#DC2626
    50950
    Charcoal
    secondary#2C4C5C
    50950
    CodecademyColor System
    02Color Systemcolor-system
  3. Tokens · Typography

    Type Specimen

    Aa
    Apercucustom

    Learn the technical skills to get the job you want. Join over 50 million people choosing Codecademy to start a new career (or advance in their current one).

    Regular400Semibold600Bold700
    CodecademyType Specimen
    03Type Specimentype-specimen
  4. Identity · Marks

    Logo Suite

    primaryclear 1× logo heightmin 24px · screen
    Codecademy
    light
    Codecademy
    dark
    Codecademy
    brand
    favicon
    CO
    light
    CO
    dark
    CO
    brand
    markclear 1× logo heightmin 16px · screen
    CO
    light
    CO
    dark
    CO
    brand
    monoclear 1× logo heightmin 24px · screen
    Codecademy
    light
    Codecademy
    dark
    Codecademy
    brand
    inverseclear 1× logo heightmin 24px · screen
    Codecademy
    light
    Codecademy
    dark
    Codecademy
    brand
    Favicon legibilityfavicon · at native px
    CO
    16px
    CO
    20px
    CO
    24px
    CodecademyLogo Suite
    04Logo Suitelogo-suite
Codecademy — Guidelines deck — BrandSweets