Skip to main content

SUSD Style Guide

 

SUSD Style Guide

 

Why is Brand Important?

A consistent brand builds recognition, trust, and credibility. It shapes perceptions, influences how the district is viewed in terms of academic excellence, inclusivity, and innovation, and can even impact student enrollment, partnerships, and funding opportunities.

When a brand is consistent in its messaging, visual identity, and tone, it becomes easily recognizable, allowing audiences to form clear associations with its values and offerings. For organizations like school districts, it ensures that every communication, from websites to newsletters, reinforces the district’s mission, culture, and commitment to excellence.

How to Use the Brand Guide

Our district has developed brand guidelines as a strategic step to ensure brand uniformity. When creating print or online marketing materials, please refer to these guidelines, so that together, we can continue to build a stronger, consistent brand presence.

Primary Colors

These are our approved brand colors. Please do not deviate from this color palette.
 


 

      #1D224C (HEX)

  • Pairs with white text (#FFFFFF)
  • RGB: R: 29, G: 34, B: 76
  • CMYK: C: 62%, M: 55%, Y: 0%, K: 70%
  • Closest Pantone: 2767 C (approx)

      #273071 (HEX)

  • Pairs with white text (#FFFFFF)
  • RGB: R: 39, G: 48, B: 113
  • CMYK: C: 65%, M: 58%, Y: 0%, K: 56%
  • Closest Pantone: 7687 C (approx)

      #F9AC3F (HEX)

  • Pairs well with dark blue or black text (#000000)
  • RGB: R: 249, G: 172, B: 63
  • CMYK: C: 0%, M: 31%, Y: 75%, K: 2%
  • Closest Pantone: 137 C (approx)

Rectangle Line Across

Secondary Colors

These are our approved brand colors. Please do not deviate from this color palette.
 


 

      #F9AC3F (HEX)

  • Pairs well with dark blue or black text (#000000)
  • RGB: R: 249, G: 172, B: 63
  • CMYK: C: 0%, M: 31%, Y: 75%, K: 2%
  • Closest Pantone: 137 C (approx)

      #F38047 (HEX)

  • Pairs well with dark blue or black text (#000000)
  • RGB: R: 243, G: 128, B: 71
  • CMYK: C: 0%, M: 47%, Y: 71%, K: 5%
  • Closest Pantone: 7575 C (approx)

      #A0B97D (HEX)

  • Pairs well with dark text (#000000)
  • RGB: R: 160, G: 185, B: 125
  • CMYK: C: 14%, M: 0%, Y: 32%, K: 27%
  • Closest Pantone: 5773 C (approx)

Fonts

Typography plays a key role in expressing our brand identity. We've chosen our fonts for their clean design, versatility, and modern appeal. Montserrat and Sofia Sans are the primary typefaces used in our printed materials.

While it's not required to download these fonts for use in Microsoft Office (see suggested alternatives below), you may do so if preferred—click here for installation instructions.

These fonts are integral to our brand assets.

 


 

Montserrat

Sofia Sans

Sofia Sans Condensed

Logos

The below logos and mascots are approved for reproduction and use.

 


 

Primary Color Logo:

Stockton Unified School District Logo - Color

EPS PNG

Right-click the image and choose "Save image as...”

Secondary Black Outline Logo:

Stockton Unified School District Logo - Black

EPS PNG

Right-click the image and choose "Save image as...”

Secondary White Transparent Logo:

Stockton Unified School District Logo - White

PNG

Right-click the image and choose "Save image as...”

Stockton Unified School District Rising Stronger Together- Color

PNG

Right-click the image and choose "Save image as..."

Logo File Formats

These are our approved file formats for print and digital use.
 


 

A gray icon representing an EPS file.EPS

Use it for: Print

 

An EPS logo file is best used when the logo needs to be scaled without losing quality, making it ideal for high-resolution printing. This format is perfect for creating large-scale materials like banners, billboards, and merchandise, as well as for use in marketing materials such as brochures or business cards.

A gray icon representing a PNG file.PNG

Use it for: Web

 

A PNG logo file is ideal for digital use, particularly when you need a transparent background. PNG files retain detail and clarity without quality loss, making them perfect for use on websites, social media, presentations, and digital documents.

A gray icon representing a JPG file.JPEG

Use it for: Web

 

A JPG logo file is suitable for use in situations where smaller file sizes are prioritized and high-resolution scaling isn't required. This format is ideal for web use, such as on websites, email signatures, or social media, where faster loading times are needed. 

Choosing the right file format for each logo is essential. When requesting a logo file, consider whether it will be used for digital display or print. To request a logo file, please email webmaster@stocktonusd.net.

Thank you for retaining our brand identity!