District Style Guide

The primary purpose of the Brand Style Guide is to provide direction and specific information for the use and presentation of the North Orange County Community College District logo and branding elements. Referring to this Guide will hep establish creative standards as well as maintain 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 swatch
District Blue
  • Pantone: 302
  • Hex: 004062
  • RGB: 0, 64, 101
  • CMYK: 100, 43, 12, 56
golden yellow swatch
Golden Yellow
  • Pantone 109
  • Hex: ffdd00
  • RGB: 255, 209, 0
  • CMYK: 0, 10, 100, 0
iron gray swatch
Iron Gray
  • Pantone 425
  • Hex: 4d525a
  • RGB: 86, 90, 92
  • CMYK: 38, 28, 21, 6
Secondary Colors
SwatchNamePMS Numbers
teal blue swatch
Teal Blue
  • Pantone: 3145
  • Hex: 007a94
  • RGB: 0, 122, 148
  • CMYK: 100, 5, 20, 22
pacific blue swatch
Pacific Blue
  • Pantone 7461
  • Hex: 0081bf
  • RGB: 0, 129, 191
  • CMYK: 95, 37, 5, 0
fire engine red swatch
Fire Engine Red
  • Pantone 1795
  • Hex: d2222a
  • RGB: 210, 34, 42
  • CMYK: 0, 96, 90, 2
decorative
Sand Yellow
  • Pantone: 1205
  • Hex: fbde81
  • RGB: 46, 49, 98
  • CMYK: 0, 8, 48, 0