University of Wisconsin Extended Campus

Visual Identity / Applied Computing

Applied Computing

Logos

The UW Extended Campus program brands have been folded into the UWEX identity. In doing so we have simplified colors, typography, and any other elements to create a cohesive brand.

There are different options for using each program’s visual identity, as a stand alone brand, the logos must call out University of Wisconsin, if used under the UWEX umbrella and with other programs it will display as the program alone. Also included are degree level options when we are specifically promoting the degree level of a program.

If heading a document with University of Wisconsin or the UW Extended Campus logo the type treatment is available in the logotype. If using one or several campus names to head a document, use the University of Wisconsin logotype, 

Most applications will include the program powered by University of Wisconsin Extended Campus mark. 

Primary Use Logo(s)

The main logo for the Applied Computing program is the horizontal version.

The logo should be scaled proportionately, graphic elements and tag lines should not be altered out of proportion to the logo.

Downloads are available in jpg, png, and vector. A description of usage for each is listed below.

jpg: Solid background for use in web and other digital applications.

png: Transparent background for use in web or other digital applications.

vector: Scalable, vector based image, used as a smaller download size for both print and web applications–the download includes eps and svg files.

Color Palettes

The primary colors for Applied Computing are Pantone 7701* (dark blue), Pantone 5483 (teal), Pantone 377 (green) and Pantone Cool Gray 9c* (gray) as seen in the logo. Additional colors of Pantone 7625* (orange) and Pantone 198 (red).

*Orange, Dark Blue, 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.

  • Pantone 7701*
    94 C 16 R
    62 M 77 G
    44 Y 98 B
    28 K
    #104d62
  • Pantone 5483#
    80 C 11 R
    27 M 92 G
    40 Y 104 B
    2 K
    #0b5c68
  • Pantone 377!
    48 C 148 R
    10 M 184 G
    100 Y 54 B
    0 K
    #94b836
  • Pantone 7625* #
    3 C 212 R
    84 M 68 G
    82 Y 39 B
    0 K
    #d44427
  • Pantone 710#
    4 C 225 R
    90 M 41 G
    65 Y 62 B
    0 K
    #e1293e
  • Pantone Cool Gray 9c* #
    55 C 119 R
    47 M 119 G
    44 Y 121 B
    10 K
    #777779
  • Pantone 446* **
    67 C 68 R
    60 M 68 G
    59 Y 68 B
    44 K
    #444444
  • Pantone 5493*** !
    53 C 126 R
    23 M 167 G
    29 Y 173 B
    0 K
    #7ea7ad
  • Pantone 576* #
    69 C 89 R
    29 M 131 G
    100 Y 38 B
    13 K
    #598326

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 Applied Computing. 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

SaveSave

Graphic Elements

Icons

  • Download

  • Download

Background

  • Download

Presentations

Program Presentation Template

The Program Presentation Theme covers all programs with title pages inserted for each program. Section headings are embedded within the template for use. Pages are available with all Campus logos and can be adjusted to apply to each program.

Program presentation themes are currently only available in 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.

Tutorial

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