Independent Learning

Color Palettes

Independent Learning blue (pantone 5473) and System Red (pantone 194) are the primary colors of the branding of the IL program, additional colors include black, cool gray 9, and pantone 5492 which is being used across a number of the programs to continue the CEOEL brand.

*Orange, Dark Blue, Green, and Gray are standard colors in all collaborative program identities.
**Websites use #444444 gray for text and other consistent applications.
***Pantone 5493 (light blue) is an additional color used in creating a connection to the CEOEL identity.
# RGB and Hex colors have been adjusted to pass color contrast ratio standards, when in doubt of color contrast ratios please enter hex values into the color WebAIM Contrast Checker.
! Lighter colors should not be used as backgrounds to white type.

• Pantone 5473
  91 C	10 R
  49 M	93 G
  49 Y	102 B
  24 K
  #0a5d66

• Pantone 5493*** !
  53 C	126 R
  23 M	167 G
  29 Y	173 B
  0 K
  #7ea7ad

• Pantone cool gray 9c* #
  55 C	119 R
  47 M	118 G
  44 Y	121 B
  11 K
  #777679

• Pantone 446* **
  67 C	68 R
  60 M	68 G
  59 Y	68 B
  44 K
  #444444

Download ASE

Typography

Typography is an essential element that helps communicate a unified look and distinctive brand personality.

Raleway is the primary typeface of University of Wisconsin Independent Learning. It should be used whenever possible on all branded materials. Open Sans is a font used for secondary use applications.

LICENSING AND USE

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at: http://scripts.sil.org/OFL

If you absolutely can not gain access to Raleway use Verdana (Regular and Bold) as a last resort. Verdana is a system font that is available on all PC and Mac systems and web safe.

WEB FONTS

When possible, online applications should use a font replacement technique that allows Raleway to be displayed as a web font for hfeadings, subheads, and call to actions. Open Sans will be the font choice for all paragraph styles. Verdana should be used for web materials only when a font replacement technique for Raleway is absolutely not possible.

CASE

Sentence case is always preferred for long from body copy. Sentence case means only the first letter of the first word in a series of words is capitalized. This keeps our brand more conversational as well as improves legibility. It is recommended that all caps is used for headlines, subheads, and calls-to-action when it’s written in the context of a sentence.

LEADING

Leading is the space between lines of type. When type is below 16pt., leading should be 6 points greater than the type size. Above 16pt., leading should be 5 points greater than the type size.

TRACKING

Tracking is the space between letters. Never set type with less than 0 tracking. Letters should never touch each other.

COLUMN WIDTHS

It is important that the width of a column of type is optimal for legibility. Column widths greater than 70 characters or less than 20 should be avoided.

SECONDARY FONT USAGE

Paragraph text in web applications should be set to Open Sans, all body copy in print and/or digital applications should also be set in Open Sans.

MICROSOFT OFFICE APPLICATIONS

The font Calibri is the preferred font when working with Microsoft Office applications when licensed fonts are not available.

 

DOWNLOADS

All weights of Raleway and Open Sans are available as downloads from Google fonts.

Raleway

Open Sans

SaveSave

SaveSave

Graphic Elements

• 

  

Presentations

Presentations

The Independent Learning presentation theme is available in two sizes: the traditional 4:3 format, and the modern 16:9 format. It is important to know ahead of time how the final presentation will be displayed. Widescreen formats such as 16×9 are becoming more popular for projectors, TVs, and computer monitors, but it is best to know for certain what type of screen will be used. The slides will appear with black bars on the top and bottom or the sides if the aspect ratio of the presentation differs from that of the screen on which it is presented.

• 

  4x3 Presentation Template

  

• 

  16x9 Presentation Template

  

Tutorial

Need some help using the presentation theme? Check out the tutorial.