District Style Guide

The District Style Guide establishes direction and specific information pertaining to the use and presentation of the North Orange County Community College District logo and branding elements. Refer to this Guide for creative standards as well as guidance maintaining brand consistency and continuity.

Jump to Related Files

Any deviations from the parameters in this Brand Style Guide should be discussed and approved, in advance, with the NOCCCD designers and/or the District Public Affairs Department.

Brand Purpose

The North Orange County Community College District exists to empower individuals and strengthen communities through exceptional, accessible education. We are dedicated to unlocking potential, fostering lifelong learning, and driving economic growth, while nurturing a diverse, respectful, and inclusive environment. Our purpose is to prepare students for success and active participation in a dynamic, democratic society.

Brand Promise

At the North Orange County Community College District, we promise to provide transformative educational experiences that are accessible, relevant, and of the highest quality. We are dedicated to supporting each student’s success and growth, fostering an inclusive community, and driving positive change through continuous innovation and excellence.

Brand Values

  • Service: We enhance community vitality through educational and training services and promote ethical global participation.
  • High Standards: We maintain excellence in academics and foster joy in teaching, learning, and work.
  • Adaptability: We embrace continuous improvement and innovation to meet changing community needs.
  • Professionalism: We uphold high standards for faculty and staff and support their ongoing development.
  • Stewardship: We responsibly manage our mission and resources with public trust.
  • Respect: We foster a respectful and collaborative environment among students and employees.
  • Inclusiveness: We value and embrace the diverse backgrounds and beliefs of our community.

Brand Visual Foundation

The District logo is the cornerstone of our brand identity, serving as the most instantly recognizable symbol of the District. It is a crucial element in all our communications, representing the essence of NOCCCD and ensuring consistent and impactful branding across various platforms.

Logos, Logomarks and Approved Variations  

Our typography is designed to distinguish our brand and convey our brand personality, building recognition, establishing a sense of occasion, structuring information, and promoting understanding.

The parameters for using fonts other than the approved primary and secondary fonts:

  1. Usage Context: Use unapproved fonts only in specific situations where approved fonts are unavailable or impractical, such as internal documents or for informal communications.
  2. Size and Placement: Do not overshadow the brand's primary typeface or create visual inconsistency.
  3. Frequency: Limit the use of unapproved fonts to exceptional cases, avoiding their use as a regular option.
  4. Complementary Design Elements: Ensure that unapproved fonts complement the brand's approved visual elements, including logos and color schemes, to maintain aesthetic harmony.
  5. Approval Process: Obtain approval from our design team or follow specific guidelines before using unapproved fonts to ensure alignment with overall brand standards.

These parameters help ensure that even when unapproved fonts are used, they do not compromise the brand's visual identity and consistency.

Primary Fonts

Raleway

Raleway font is our primary Header font.
Download Raleway.

example of raleway font

Source Sans 3

Source Sans 3 is our primary typeface recommended for nearly all of our materials.
Download Source Sans 3.

source sans 3 font

The Nautigal

The Nautigal is our Title font, exclusively used for the tagline. It should never be used in all-caps.
Download The Nautigal.

Example of The Nautigal

Secondary Fonts

EB Garamond

EB Garamond can be used as an alternate font for body copy.
Download EB Garamond.

eb garamond font

Zilla Slab

Zilla Slab is an alternate font that works as headlines, sub-headlines, and body copy.
Download Zilla Slab.

zilla slab font

Birthstone

Birthstone script is an alternate font and is limited for display uses, not for full paragraphs. Also, not to be used in all caps.
Download Birthstone

Birthstone font

These are the NOCCCD branded colors. Use these as the dominate colors on print and electronic publications and cull-color advertising.

Primary Colors
SwatchNamePMS Numbers
 
District Blue
  • Pantone: 302
  • Hex: 004062
  • RGB: 0, 64, 101
  • CMYK: 100, 43, 12, 56
 
Golden Yellow
  • Pantone 109
  • Hex: ffdd00
  • RGB: 255, 209, 0
  • CMYK: 0, 10, 100, 0
 
Iron Gray
  • Pantone 425
  • Hex: 4d525a
  • RGB: 86, 90, 92
  • CMYK: 38, 28, 21, 6
Secondary Colors
SwatchNamePMS Numbers
 
Teal Blue
  • Pantone: 3145
  • Hex: 007a94
  • RGB: 0, 122, 148
  • CMYK: 100, 5, 20, 22
 
Pacific Blue
  • Pantone 7461
  • Hex: 0081bf
  • RGB: 0, 129, 191
  • CMYK: 95, 37, 5, 0
 
Fire Engine Red
  • Pantone 1795
  • Hex: d2222a
  • RGB: 210, 34, 42
  • CMYK: 0, 96, 90, 2
 
Sand Yellow
  • Pantone: 1205
  • Hex: fbde81
  • RGB: 46, 49, 98
  • CMYK: 0, 8, 48, 0

Color Tints or Shades of Color

District primary colors should always be used as your main colors (headers, color blocks) but there may be times you want to incorporate tints of these colors to create visual interest and movement. You can achieve variations in tint by adjusting the opacity of color.

Acceptable Color Combinations

To make content easier to read for people with visual impairments and follow ADA guidelines, use only the approved color combinations. This applies to all types of content, like digital and print materials. The aim is to ensure enough contrast between text and background.