Colors
Clover Park Technical College has two brand colors: CPTC Purple and CPTC Lime. Purple does the work: headings, links, buttons and brand surfaces. Lime is an accent, roughly a tenth of any piece, and is never used for text on a light background. By using these colors on all communication materials we unify our documents and contribute to the identity of the College.
Purple is the color of wisdom. It represents imagination and cutting-edge technology. Often found in clover flowers, purple is powerful, inspiring and innovative, like us.
CPTC Purple
Primary. Headings, links, buttons, table headers and brand surfaces.
| Hex | #502d7f |
|---|---|
| RGB | 80 / 45 / 127 |
| CMYK | 85 / 99 / 14 / 3 |
| PMS | Pantone 268 C |
CPTC Lime
Accent. Thin rules, underlines and highlights. Never text on white or light backgrounds.
| Hex | #97d700 |
|---|---|
| RGB | 151 / 215 / 0 |
| CMYK | 46 / 0 / 90 / 0 |
| PMS | Pantone 375 C |
For printing on campus printers, please use the CMYK values to ensure the correct output. The HEX value will also work if the program you are using does not allow CMYK input.
Supporting colors
Gray is technical and timeless. It's the color of an electrician's solder, the welder's flux, concrete in the workshop, automotive chrome and galvanized steel, a builder's square, robotics machinery and steel structures. Timeless and grounded, gray represents industry and is tough as nails, like us.
#2b1845Hover states and the darkest fills.#8d6cd1Borders and edges only. Never text.#f6f3fbTinted sections and backgrounds.#4d6600The only lime that can be text. Use sparingly.#1c1922Headings and the strongest text.#4a4553Body text.#6e6879Secondary text and form field borders.#d8d4deRules and borders.#f6f5f8Background wash.Retired colors
These values were part of earlier CPTC brand guidance. Replace them when you update a piece.
| Old value | Use instead |
|---|---|
#502a7f | CPTC Purple #502d7f |
Alt Green #719500 (PMS 377 C) | CPTC Purple for text, CPTC Lime for accents |
CPTC Gray #9a9b9d | Gray #6e6879 for text, Light Gray #d8d4de for rules |
Dark Gray #4d4d4f | Dark Gray #4a4553 |
#d0d0ce, #e3e3e2, #f1f1f2 | Light Gray #d8d4de, Lightest Gray #f6f5f8 |
Logos
A logo plays an essential role in representing an institution. Consistent and appropriate use of a logo can powerfully advance recognition of an institution's brand. As with all branding elements, elevating an institution's recognition and stature through a logo requires cooperation from units throughout the organization in adhering to usage standards.
All logo marks described below are trademarks of Clover Park Technical College. Anyone wishing to use the Clover Park Technical College logos must receive permission to do so from the College Relations Department.
College logo
Badge
Eastside Training Center
What file should I use?
| Project | File type |
|---|---|
| Online | PNG |
| Print project (flier, poster, banner, promo item, etc.) | EPS |
| Word or Publisher document | JPG |
What color should I use?
| Background | Logo |
|---|---|
| Color project with a simple, light background (poster, email, flier, etc.) | Full Color |
| White background | Full Color or Purple |
| Purple background | White or Green |
| Green background | White |
| Black and white printing | Black |
| Dark or complex background | White |
Logo usage
- Do not use old versions of the logo.
- Do not use colors or versions of the logo other than those provided above.
- Do not distort the logo shape.
- Do not add graphics to the logo.
- Do not change the logo font.
- Do not tilt or angle the logo.
- The logo should never appear smaller than 1.5" in width.
- The logo should have at least a half inch or 20px of clear space on all sides.
Fonts
Clover Park Technical College has adopted the use of the following fonts for official publications, in print and on the web. Our College logo uses Optima and Futura.
Instrument Sans for headings.
Get Instrument Sans from Google Fonts
Geist for body text and everything else.
Get Geist from Google Fonts
Geist Mono for code on the web.
Get Geist Mono from Google Fonts
| Style | Font | Size |
|---|---|---|
| Heading 1 | Instrument Sans Bold | 40pt |
| Heading 2 | Instrument Sans SemiBold | 32pt |
| Heading 3 | Instrument Sans SemiBold | 28pt |
| Body text | Geist Regular | 16pt |
Web
| Style | Font | Size |
|---|---|---|
| Heading 1 | Instrument Sans Bold | 48px |
| Heading 2 | Instrument Sans SemiBold | 36px |
| Heading 3 | Instrument Sans SemiBold | 28px |
| Heading 4 | Instrument Sans SemiBold | 22px |
| Body text | Geist Regular | 17px |
What if I don't have any of these fonts?
If you don't have the preferred fonts on your computer, here's the order of preference for backup fonts. In Word, PowerPoint and Outlook, use Arial when the preferred fonts aren't installed.
| Headings | Body text | |
|---|---|---|
| Preferred font | Instrument Sans | Geist |
| Backup font | Arial | Arial |
| Last resort | Default sans serif | Default sans serif |
Mascot
About Simon
College mascots have been traditions of academic institutions throughout our country. The Simon character is intended to create college spirit, engage our community, be inclusive of the college's diverse academic programs and student body, and expand the college brand.
Simon is intended to be informally used:
- to create and foster a sense of campus life;
- in multiple media formats;
- in accordance with college policies, procedures and brand standards;
- by any college department on communication and materials for potential, current or past students.
Simon shall not be formally used:
- as the official representative of the college;
- on presidential materials;
- on formal invitations or communications;
- on formal academic materials;
- as a substitute for the college logo;
- for events or endorsements that violate state law, ethics, college policy or the student code of conduct.
How to use Simon
Color
Simon should appear in his CPTC brand color combination: our brand purple and lime accent colors. He may also be used in grayscale for black and white products.
Pose
Simon may only be presented in the standard pose on branded merchandise for retail sale. In other applications, the mascot may be presented in other poses and holding other items. However, the following restrictions apply: a) Simon must always wear the standard costume, and b) Simon may only be presented in poses or with items that are deemed acceptable by the college.
Severability
Simon cannot be presented smaller than one inch (1"). Simon must always be shown as a whole image or in partial images that do not detach part of his anatomy from his body. However, in some applications Simon's head may be used in isolation.
Animated applications
Simon may also be represented in three-dimensional or animated form. In these applications the restrictions to his "pose" still apply.
Modifications
Modifications to these standards require written approval from the Office of Marketing & Communications.
Templates
Flyers
- Flyer Template 1-A (Purple Footer)
- Flyer Template 1-B (Green Footer)
- Flyer Template 2-B (Green Header and Footer)
- Flyer Template 3 (Purple Header, Green Footer)
- Tri-Fold Template
- Simon Template 1
- Simon Template 2
PowerPoint
Certificates
Business cards
Letterhead
The CPTC letterhead uses our logo and is to be used by all campuses, offices and departments of the academic and administrative units of the institution. The letterhead prints in CPTC Purple (PMS 268 C) and CPTC Lime (PMS 375 C) on white paper. A matching envelope is also available.
It is preferred that you use only pre-printed versions of the letterhead. An electronic version of the letterhead is available for special emailings.
Help build the CPTC brand by sending emails with consistent formatting and signatures.
Visual design guidelines
- No background images.
- Banners and graphics should be created by Marketing & Communication Creative Services.
- Use one font type in no more than two colors.
- Text should be left-aligned.
General email tips
- Proofread.
- Keep text brief and easy to scan. Most emails are read on mobile devices.
- Consider what users should do after reading your email. Include requests for action, also known as a call to action or CTA.
- Use headings, when appropriate, to indicate what follows.
- Minimize the use of images. Never send an email that is one big image.
- For URLs, use brief but meaningful link text that makes sense when read out loud. Do not use "click here".
- Check your links.
Email signatures
Approved format options for brand signatures at the bottom of emails sent from cptc.edu accounts appear below. If your phone number has an extension, you can use an 'x' to signify the extension number, as in 253-000-0000 x000. No background images should be used in email communications.
Copy a signature below, paste it into your email signature block, then type over the placeholder text with your department, name and contact information.
Narrow format
Your Title
CLOVER PARK TECHNICAL COLLEGE
College/Department/School/Office Name
Building Name w/Room Number After
4500 Steilacoom Blvd. SW
Lakewood, WA 98499
T: 253-589-0000
F: 253-000-0000
your.name@cptc.edu
www.cptc.edu · twitter.com/CloverParkTech · facebook.com/CloverParkTech
Educating tomorrow's workforce.
Wide format
College/Department/School/Office Name
Building Name w/Room number after • 4500 Steilacoom Blvd. SW • Lakewood WA 98499 • T: 253-000-0000 • F: 253-000-0000
your.name@cptc.edu · www.cptc.edu · twitter.com/CloverParkTech · facebook.com/CloverParkTech
Educating tomorrow's workforce.
Narrow column with graphic
Your NameYour Title
College/Department/School/Office Name
Building Name w/Room number after
4500 Steilacoom Blvd. SW
Lakewood, WA 98499
T: 253.589.0000
F: 253.000.0000
your.name@cptc.edu
www.cptc.edu · twitter.com/CloverParkTech · facebook.com/CloverParkTech
Educating tomorrow's workforce.
Wide column with graphic
Your Name, Your TitleCollege/Department/School/Office Name
Building Name w/Room number after • 4500 Steilacoom Blvd. SW • Lakewood WA 98499 • T: 253-000-0000 • F: 253-000-0000
your.name@cptc.edu • www.cptc.edu • twitter.com/CloverParkTech • facebook.com/CloverParkTech
Educating tomorrow's workforce.
Alternate narrow column with graphic
Your NameYour Title
College/Department/School/Office Name
Building Name w/Room number after
4500 Steilacoom Blvd. SW
Lakewood, WA 98499
T: 253-589-0000
F: 253-000-0000
your.name@cptc.edu
www.cptc.edu • twitter.com/CloverParkTech • facebook.com/CloverParkTech
Educating tomorrow's workforce.
Alternate wide column with graphic
Your Name, Your TitleCollege/Department/School/Office Name
Building Name w/Room number after • 4500 Steilacoom Blvd. SW • Lakewood WA 98499 • T: 253-000-0000 • F: 253-000-0000
email.name@cptc.edu • www.cptc.edu • twitter.com/CloverParkTech • facebook.com/CloverParkTech
Educating tomorrow's workforce.
