California Teachers Association

📋 1 Guidelines

🔗 Connections

Region

Guideline Year

Language

Official Websites

Brand Guidelines

2023

Brand Summary

Mission
  • The California Teachers Association exists to protect and promote the well-being of its members; to improve the conditions of teaching and learning; to advance the cause of free, universal, and quality public education for all students; to ensure that the human dignity and civil rights of all children, youth and adults are protected; and to secure a more just, equitable, and democratic society.
Core Values
  • well-being of members
  • quality public education
  • human dignity
  • civil rights
  • justice
  • equity
  • democracy
Target Audience
  • Members of the California Teachers Association, educators, and those involved in public education.
Personality Traits
  • confident
  • modern
  • bold
  • clean
  • professional
Visual Identity Overview
  • The visual identity centers on a bold CTA logo with thick line weights and a mortarboard icon referencing education. The color palette is anchored by CTA Blue, with strict logo usage rules, clear space requirements, and approved color variations. Typography features Noe Display Bold for display and Sailec for secondary use, supporting a modern and confident tone. Gradients are permitted if legibility is maintained.

Categories

Logo Usage
  • The most fundamental visual element of the CTA identity is the CTA logo. Its thick line weights and bold presence make it powerful in any application. In place of a regular crossbar, the letter A features a mortarboard icon to reference education. This mortarboard can be used on its own in certain instances as detailed later in this reference guide.
  • The acronym ‘PMS’ refers to the Pantone Matching System which is a standard in the printing industry. In order to maintain the integrity of the CTA identity and to provide consistency in color, we request that when printing in one-color you use PMS 2728 C, when printing in 4-color you use the following build (C=98 M=82 Y=0 K=0), and when showing in RGB you use the following build (R=23 G=67 B=168). The equivalent web and digital color is #1743A6.
  • Follow these guidelines for clear space at times when the CTA logo is used alone.
  • To create maximum impact, keep the space around the CTA logo free from other text and graphics. The clear space on each side of the signature should always be equal to or greater than x, the height of the crossbar of the letter T.
  • The CTA logo and logotype combine to form the CTA signature.
  • The flush left logotype signature is the suggested format when the signature appears alone. The logotype is created using Futura Bold.
  • Whenever possible, use the primary signature configuration of the CTA logo and logotype.
  • This diagram shows how to surround the signature with the necessary amount of clear space, determined by the height of the crossbar of the letter T.
  • The secondary signature configuration should also maintain a consistent amount of surrounding clear space. Again, the height of x is determined by the height of the crossbar of the letter T.
  • This page shows several uses of approved color variations of the CTA logo. The logo itself must always appear in CTA blue, white, or black.
  • The preferred usage of the CTA logo is in CTA blue on a white background. However, any of these variations may be used as an alternative when necessary.
  • This page shows several uses of approved color variations of the CTA signature. The signature itself must always appear in CTA blue, white, or black.
  • The preferred usage of the CTA signature is in CTA blue on a white background. However, any of these variations may be used as an alternative when necessary.
  • Do not use the logo in any color except CTA blue, black or white
  • Do not fill the logo with a gradient
  • Do not stretch the CTA logo in any direction
  • Do not scale the logo disproportionately
  • Do not stack the logo on top of the logotype
  • Do not stack the logotype on top of the logo
  • Do not reverse the signature or use any of the previous CTA logo colors
  • Do not reposition or reproportion the logo or its components
  • Do not use two seperate colors for the signature configuration
  • Do not tilt or rotate the logo
  • Do not use any previous CTA logos
  • Do not place the logo on top of an image or color gradient with poor contrast and readability
  • Please refrain from stretching, warping, or changing the mark in any way, unless otherwise described in this guidebook.
  • The #WeAreCTA version of the CTA logo was developed to strengthen CTA’s identity on social networks. This logo is to be used strictly for social media and flyers, and not on official CTA documents.
  • To allow greater flexibility, the #WeAreCTA logo has been designed in vertical and horizontal formats, and a reversed option in white.
Color Palette
  • In order to maintain the integrity of the CTA identity and to provide consistency in color, we request that when printing in one-color you use PMS 2728 C, when printing in 4-color you use the following build (C=98 M=82 Y=0 K=0), and when showing in RGB you use the following build (R=23 G=67 B=168). The equivalent web and digital color is #1743A6.
  • CTA Blue PMS 2728 C CMYK 98-82-0-0 RGB 23-67-178 HEX 1743A6
  • The logo itself must always appear in CTA blue, white, or black.
  • The preferred usage of the CTA logo is in CTA blue on a white background. However, any of these variations may be used as an alternative when necessary.
  • The signature itself must always appear in CTA blue, white, or black.
  • The preferred usage of the CTA signature is in CTA blue on a white background. However, any of these variations may be used as an alternative when necessary.
  • Do not use the logo in any color except CTA blue, black or white
  • Do not fill the logo with a gradient
  • Do not reverse the signature or use any of the previous CTA logo colors
  • Do not use two seperate colors for the signature configuration
  • Do not place the logo on top of an image or color gradient with poor contrast and readability
  • Gradients can be used in any CTA communication piece as long as color is necessary and legibility is not compromised.
  • Please use the gradient color combinations above as a reference for your designs.
Typography
  • As the CTA identity has evolved, so has our use of type. The serif Noe Display Bold, our primary display typeface, sets a confident, modern tone for CTA printed collateral and digital communications. It also supports a wide range of applications.
  • The sans-serif Sailec has been selected for our secondary typeface within the CTA identity. Sailec is a very clean and geometric typeface that supports a wide range of applications. It’s available in three weights - regular, medium and bold – each with matching italics.
  • Noe Display Bold
  • Sailec Bold
  • Sailec Medium
  • Sailec Regular
Visual Style
  • The most fundamental visual element of the CTA identity is the CTA logo. Its thick line weights and bold presence make it powerful in any application. In place of a regular crossbar, the letter A features a mortarboard icon to reference education. This mortarboard can be used on its own in certain instances as detailed later in this reference guide.
  • In order to maintain the integrity of the CTA identity and to provide consistency in color, we request that when printing in one-color you use PMS 2728 C, when printing in 4-color you use the following build (C=98 M=82 Y=0 K=0), and when showing in RGB you use the following build (R=23 G=67 B=168). The equivalent web and digital color is #1743A6.
  • Follow these guidelines for clear space at times when the CTA logo is used alone.
  • To create maximum impact, keep the space around the CTA logo free from other text and graphics. The clear space on each side of the signature should always be equal to or greater than x, the height of the crossbar of the letter T.
  • The CTA logo and logotype combine to form the CTA signature.
  • The flush left logotype signature is the suggested format when the signature appears alone. The logotype is created using Futura Bold.
  • Whenever possible, use the primary signature configuration of the CTA logo and logotype.
  • This diagram shows how to surround the signature with the necessary amount of clear space, determined by the height of the crossbar of the letter T.
🐛 Report