Design Guidelines & Brand Assets

By using any of the assets on this page, you agree in full to the Terms of Use.

We are quite open to the use of our assets and branding, but there are a few rules that need to be followed.

All versions of the logos are provided by our Google Drive account here.

Do's and Don't's  

Do

• Capitalize every word in "Code For Kids" and "Code Pour Les Jeunes" unless it is a web address.
• Use "http://codeforkids.ca"
• For French, use "http://codepourlesjeunes.ca"
• Keep ample whitespace around Code For Kids assets so they appear clean and uncluttered.
• Keep the design modern, crisp, and clean in whatever you are using the assets.
• Flat UIs are generally preferred.

Don't

• Do not use another version of our url, such as http://code-for-kids.com. These redirect, but you should always use the urls listed in the "Do" section.
• Do not use our logo to support another logo unless otherwise specified.
• Do not use the Code For Kids logos to imply any affiliation unless otherwise specified.
• Do not modify, combine, move, distort, or change the assets in any way.
• Do not use the brand assets such that they imitate Code For Kids or may be confused with Code For Kids.
• Do not assert rights or copyrights over the materials.
• Do not feature the Code For Kids assets in any site that may be considered for a mature audience.
• Do not use gradients.

Colour Schemes

We have a few different colours that we use, but we try to keep things simple.

• Blue is our main colour, use it whenever possible en lieu of the others.
• Black backgrounds are always preferred where possible.
• Orange is to be used as accents, i.e. as links. The darker accent orange is to be used to indicate highlights in the lighter orange, i.e. hovering on a link.

Fonts

Logo Usage

There are a few different logos that can be used.

• Whenever possible, use the full Code For Kids logo with white text on a black background.
• If a light background is necessary, for example in print, then the full Code For Kids logo with black text on a white background is preferred.
• If there is not a lot of horizontal space, or horizontal space really doesn't make sense, there is a vertical logo. The same rules as above apply.
• If necessary the "big-O" may be used by itself on a black or white background, black being preferable. This logo should only be used if necessary (space limitations).