District Style Guide

The North Orange County Community College District is committed to enriching our diverse communities with accessible, high-quality education. We offer a range of programs including associate degrees, vocational certificates, baccalaureate degrees, and non-college credit courses, all aimed at fostering student success and supporting economic development. Our vision is to prepare learners to shape their futures and engage in democracy.

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.

View the Related Files section below for the full NOCCCD Style Guide.

Visual Elements & Downloads

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.

View and Download Logos

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.

Primary Fonts

Source Sans Pro

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

source sans 3 font

Raleway

Raleway font is our primary Header font. Download Raleway.

example of raleway font

Dancing Script

Dancing Script is our Title font. It should never be used in all-caps. Download Dancing Script.

dancing script font

 

Secondary Fonts

EB Garamond

EB Garamond can be used as body copy as an alternate font. 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

 

imperial blue swatch
Imperial Blue
  • Pantone: 7462
  • Hex: 005a8b
  • RGB: 0, 90, 139
  • CMYK: 100, 45, 6, 27
fire engine red swatch
Fire Engine Red
  • Pantone 1795
  • Hex: d2222a
  • RGB: 210, 34, 42
  • CMYK: 0, 96, 90, 2
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