Our visual language sets the tone for how people initially see Purdue and how they recognize us moving forward. It consists of typography, photography, graphic elements and color. More significantly, it’s the culmination of how these pieces work together to convey and strengthen our overall brand message.
Colors
Beyond our logo, color is one of the most recognizable aspects of our brand identity. Using color appropriately is one of the easiest ways to make sure our materials reflect a cohesive Purdue University brand.
Color Palette
At our core, we are Gold and Black. With that understanding, we express that in all its forms by expanding the flexibility of these two colors.
Our color palette is about unifying the colors of the brand under the philosophy of what it means to be Purdue University.
When using color builds, always use the color values listed below. They have been adjusted for the best reproduction on screen and in print and may not match Pantone® Color Bridge breakdowns. In general, the color code sources originated from official Pantone® Color Bridge coated and uncoated swatch books.
Primary Palette
Our primary palette consists of Boilermaker Gold and Smokestack Black. Our layouts lean heavily on these colors, mixing in the supporting palette to build color schemes that are complementary and balanced.
Coated Paper
7502 C
13 20 45 3
207 185 145
CFB991
When printing on most coated stocks (matte, dull, and silk finishes), on specially treated uncoated paper, or on UV presses, use the Pantone spot color or the CMYK formulas specified here.
Uncoated Paper
When printing on most uncoated stocks, we adjust the spot color and CMYK formula of the color palette to achieve the best results. Use the specified formula here.
Metallics and Foils
Reserved for specialty print pieces to achieve a reflective, shiny effect. They do not translate to CMYK process color and should only be used in print.
0 0 0 100
00 00 00
000000
Rich Black
To achieve a darker black in large areas or on large typographic elements, use a CMYK formula that includes a percentage of the other process color pigments. Contact your preferred printer and ask if they have a go-to formula for achieving a richer black value, instead of printing only 100% black.
00 00 00 00
255 255 255
FFFFFF
White Space
White is an indispensable color. Rather than viewing white space as a blank area, see it as a break. Don’t rush to fill it: It can focus attention on what is there rather than drawing attention to what isn’t. Always balance color, typography and graphic elements with white space.
Gold-Supporting Palette
The expanded range of gold-inspired colors offers a variety of tones and brightness for layouts. Bold and energetic options can be contrasted with subtle or sophisticated approaches to controlling the tone and desired impression of communications.
Pantone 7562 C
14 29 62 12
142 111 62
8E6F3E
Pantone 7562 U
Pantone 110 C
0 20 100 8
218 170 0
DAAA00
Pantone 110 U
Pantone 4017 C
5 18 81 4
221 185 69
DDB945
Pantone 4017 U
Pantone 7402 C
3 8 43 0
235 217 159
EBD99F
Pantone 7402 U
Black-Supporting Palette
The range of tones inspired by black are the hardest-working colors of the brand. They provide the support and flexibility behind the gold options, making them legible and vibrant. Without these neutral options, the other colors would be harder to use, making them indispensable to the practicality of the brand.
Pantone 425 C
63 51 45 33
85 89 96
555960
Pantone 425 U
Pantone Cool Gray 9 C
50 40 34 17
111 114 123
6F727B
Pantone Cool Gray 9 U
Pantone 402 C
34 30 33 8
157 151 149
9D9795
Pantone 402 U
Pantone 400 C
20 17 19 0
196 191 192
C4BFC0
Pantone 400 U
Digital Color Palette
Like printed colors, screen-based colors should be consistent across multiple pages and sites. A limited color palette is well-suited for digital applications.
All communications should follow the brand color palette outlined here. These hexadecimal values have been optimized for accessibility on light or dark backgrounds.
Web Content Accessibility Guidelines – WCAG Level AA Compliance Color Formulas for Screen Applications
Adequate contrast in text and visual media can assist people with visual impairments in navigating content.
Web Content Accessibility Guidelines (WCAG) provide an international set of guidelines developed by the Worldwide Web Consortium (W3C), the governing body of the web.
AA Level compliancy is an important aim of contrast for background and foreground display of text and images. These accommodations aim to ensure online content is equally accessible and user-friendly to all users.
Passes AA on Light Backgrounds
These colors are more useful on white backgrounds.
Passes AA on Dark Backgrounds
Most of these colors should be used on dark backgrounds.
Color Consistency
Hexadecimal values are derived from the Pantone® Color Bridge system to ensure that colors are consistent with their original color selection, in print and on screen.
*Adjusted for AA Normal Text Compliance (tested on webaim.org color contrast checker). These colors do not use the formulas recommended by Pantone Color Bridge.
Digital Color Chart
The digital color chart demonstrates the options for applying text using our brand color to achieve AA level compliance. The chart makes the process of combing foreground and background colors easier.
Download color chart (pdf) Download ASE Color swatches (zip)Fonts
When used thoughtfully, typography becomes a powerful brand tool that can add visual meaning to what we say. Purdue’s typography communicates clearly and cleanly, with enough flexibility for a wide range of situations.
Font Families
Typography is a robust vehicle for our brand voice. It contributes to how our messages are read and communicated. Acumin Pro is our sans-serif family and a workhorse for our communications. United Sans adds a rigid and collegiate accent. Source Serif Pro, our serif family, performs well at small sizes, in longer-form text and in more sophisticated applications. Used together, these three typefaces create a clear hierarchy and keep our content legible and engaging.
Install Brand FontsAcumin Pro
Acumin Pro is a sans-serif font that works well for large, expressive headlines, subheads, callouts and even body copy. The typeface has a modern but friendly appeal and is the workhorse of the brand with its many weights and widths.
Acumin Pro SemiCondensed
Acumin Pro SemiCondensed offers a subtle change in width that adds flexibility to content.
Acumin Pro Condensed
Acumin Pro Condensed provides contrast and even more flexibility for controlling dense copy in limited layout spaces.
Acumin Pro ExtraCondensed
Acumin Pro ExtraCondensed is primarily used in all-caps headlines and subheads.
United Sans
United Sans is a display font, appropriate for brief callouts, factoids, numerals, and adding special emphasis. Its appeal comes from its rigid, engineered structure and extreme character.
Source Serif Pro
Source Serif Pro is our supporting serif typeface. Its sophisticated tone and high legibility make it extremely versatile. Because it’s easy to read at a variety of weights, it works great for sophisticated headlines, subheads and body copy. It creates a textural contrast to Acumin Pro and United Sans.
Alternate System Fonts
Our brand typefaces may not always be available to everyone for use in Word documents, PowerPoint presentations and other digital applications.
In these situations, use the alternate fonts listed here, which are freely available on all computers.
- Franklin Gothic is the acceptable PC substitute for Acumin Pro.
- Georgia is the acceptable PC substitute for Source Serif Pro.
- Impact is the acceptable PC substitute for United.
Please note that our approved brand typefaces don’t include the full range of weights from these font families. Although they are available, our brand does not and should not use any font weights other than those listed here.
Leading
Using type thoughtfully is crucial to making our designs look professional. Follow these tips to make sure our typography is consistent.
Line spacing, called leading, is critical to setting professional-looking type that’s easy to read. Leading should be set tight, but not too tight. With our typefaces, text generally looks best with the leading set slightly looser than the default.
Start with leading that’s two points higher than the point size of the text. This won’t always be right, but leading can be adjusted most easily from there. Smaller blocks of text may need settings that are slightly more open.
Tracking
Correct letter spacing, called tracking, also makes the type easier to read. Outside of headlines, text should always be tracked slightly tighter than the default setting, and optical kerning should be used when it’s available.
When working with type, always take the time to make these adjustments. These details make us look professional and greatly improve the readability of our type.
Trust your eye. The tracking that works for one typeface may not work for another. The size and weight of the text can also influence how much tracking is necessary. Smaller sizes and heavier weights may need a higher setting.
Using Typography
The following examples illustrate suggested type combinations that work well together. Consider their use of:
- Varying styles of type at different point sizes to build distinctive callouts and factoids
- Headlines built with large type at varying levels of detail, overlap and alignment
- A controlled selection of type for a subtle feel that is easy to read
- HEADLINE – Acumin Pro Bold; Size: 36/37 pt.; Tracking: Between –10 and –20 pt; Treatment: Flush Left .
- SUBHEAD – Acumin Pro Bold; Size: 20/22 pt.; Tracking: 0 Treatment: Flush Left.
- BODY – Acumin Pro Regular; Size: 10/13 pt.; Tracking: –10; Treatment: Flush Left.
- FACTOID
- United Sans Ext Bold; Size: 14 pt.; Tracking: +225.
- United Sans Cond Heavy; Size: 9 pt.; Tracking: +225; Treatment: Emphasis Box (Outlined).
Specifications for headline and subhead examples on this page may change depending on the format of the piece. The measurements shown are encouraged but could be scaled up accordingly.
HEADLINE Lockup 1:
- Filled – United Sans Cond Heavy; Size: 15 pt.; Tracking: +225; Treatment: Emphasis Box.
- Large Text – Acumin Pro ExtraCondensed Italic; Size: 125 pt.; Tracking: 0; Treatment: Offset Outline.
- Outlined – United Sans Cond Heavy; Size: 12 pt.; Tracking: +225; Treatment: Emphasis Box.
- Overall Treatment: Centered.
HEADLINE Lockup 2:
- Large Text – Acumin Pro ExtraCondensed Italic; Size: 125 pt.; Tracking: 0.
- Outlined – United Sans Cond Heavy; Size: 15 pt.; Tracking: +225; Treatment: Emphasis Box.
- Small Text –Acumin Pro ExtraCondensed Italic Size: 25 pt. Tracking: +25.
- Overall Treatment: Sliding Offsets.
HEADLINE Lockup 3:
- Outlined – United Sans Cond Heavy; Size: 15 pt.; Tracking: +225; Treatment: Emphasis Box.
- Small Text – United Sans Ext Bold; Size: 125 pt.; Tracking: 0; Treatment: Offset Outline.
- Large Text – Acumin Pro ExtraCondensed Italic; Size: 120/96 pt.; Tracking: 0.
- Filled – United Sans Ext Bold; Size: 15 pt.; Tracking: +225; Treatment: Emphasis Box.
- Overall Treatment: Centered.
CALLOUT:
- Small Text on the Left – United Sans Cond Bold; Size: 11 pt.; Tracking: +225; Treatment: Flush Right.
- Large Text on the Left – United Sans Ext Bold; Size: 13 pt.; Tracking: +225; Treatment: Flush Right.
- Italic Text on the Right – Source Serif Pro Italic; Size: 9/11 pt.; Tracking: 0; Treatment: Flush Left.
FACTOID:
- Large Text – United Sans Ext Light; Size: 46 pt.; Tracking: 0.
- Filled – United Sans Cond Heavy; Size: 10 pt.; Tracking: +225; Treatment: Emphasis Box.
- Italic – Source Serif Pro Italic; Size: 9/11 pt.; Tracking: 0; Treatment: Flush Left.
- Overall Treatment: Centered.
PULL QUOTE:
- Source Serif Pro Italic; Size: 15/18 pt.; Tracking: 0; Treatment: Flush left.
- Accent Quote Mark – Source Serif Pro Semibold.
BODY:
- Source Serif Pro Regular; Size: 9/13 pt.; Tracking: 0; Treatment: Flush left.
- Label – United Sans Cond Heavy; Size: 10 pt.; Tracking: +225; Treatment: Emphasis Box (Filled).
- Leading Subhead – Source Serif Pro Regular; Size: 20/26 pt.; Tracking: 0; Treatment: Center Axis.
- Linking Vertical Rule — Overall Treatment: Centered.
- Headline
- Outlined – United Sans Cond Heavy; Size: 13 pt.; Tracking: +225; Treatment: Emphasis Box.
- Large Text – Acumin Pro ExtraCondensed Italic; Size: 85 pt.; Tracking: 0.
- Body – Acumin Pro SemiCondensed; Regular Size: 10/13 pt.; Tracking: 0; Treatment: Flush left.
Graphic Elements
Our graphic elements are inspired by what’s next. Structured and expressive, these visual components move us to the next step of our discovery. In this way, they reflect the work we are doing at Purdue University.
Compositional Grid
Think of grids as the foundation for our design structures. They anchor all the elements on each individual page and give our diverse range of communication pieces a common backbone.
The grid system provides you with tools to create infinite combinations of text and images. We use it to create layouts that are aligned and balanced, ensuring that all our communication pieces look refined and professional.
Column Options
There are four standard column grids to choose from: 2-column, 3-column, 4-column and 6-column. The content and layout of each piece will decide which grid works best in a given situation.
2-column grid 8.5″ x 11″
Common Uses: Covers, long passages of text, text and images
3-column grid 8.5″ x 11″
Common Uses:Covers, long passages of text, text and images
4-column grid 8.5″ x 11″
Common Uses:
- Complex layouts with text, images and graphics
- Pages with a lot of callouts, details and stats
6-column grid 8.5″ x 11″
Common Uses:
- Complex layouts with text, images and graphics
- Pages with small text
In Practice
Not everything will fit perfectly in the grid; that’s OK. Grids are meant to serve as the foundation on which to build our designs, and they allow for some flexibility.
Vertical Rules
Our type and images make up most of our visual hierarchy, but to anchor them to the compositional grid and create balance and unity among additional compositional elements, vertical strokes can be used in three different manners to create dynamic and orderly presentations.
Sequential
Similar to the measuring elements used to calculate speed and time, vertical lines can be spaced horizontally in various widths to segment a composition into various “slivers.” This allows for a horizontal sense of movement, as well as anchor content over a wide compositional field.
Wrap
To create depth and energy, vertical lines can go behind or overtop of elements within an image or graphic element. By “wrapping” around an object, it not only links content and imagery, but creates interesting interplays.
Linking
Simply put, various levels of content can be broken up in size, type treatment or application and then made cohesive with the inclusion of a vertical stroke connecting them.
Emphasis Box
To help build hierarchy and flexibility in how we communicate our voiced content, these emphasis boxes can house short, pointed callouts or captions. They work best housing one to two lines of content, but can be too limiting for long-form content, so thoughtful consideration should be given to their application within a composition.
Filled
For use over imagery, or to create a stronger contrast within compositional elements, the filled emphasis box should be leveraged.
- United Sans Cond Heavy; Size: 11 pt.; Tracking: +225.
- Large Text – United Sans Cond Heavy; Size: 8 pt.; Tracking: +225.
- Filled – United Sans Ext Light; Size: 55 pt.; Tracking: 0.
Outlined
For more nuanced and subtle application, the outlined emphasis box works best.
- United Sans Cond Heavy; Size: 11 pt.; Tracking: +225; Frame Weight: 1 pt.
- United Sans Cond Heavy; Size: 15 pt.; Tracking: +225; Frame Weight: 1 pt.
- Outlined – United Sans Cond Heavy; Size: 20 pt.; Tracking: +225; Frame Weight: 1 pt.
- Large Text – Acumin Pro ExtraCondensed Italic; Size: 92 pt.; Tracking: 0.
Border Frames
Color is a dynamic link for our brand language, and when the compositional need warrants a visual lead of photography, adding a simple border allows for a unified application of color on compositions, without detracting from the main visual. The border color should always be Boilermaker Gold.
Diagonal Bands and Offsets
The persistent pursuit speaks to the constant motion and energy our community spends on refining the next small step, and to help visually convey that “fervor,” the following graphic elements accent some of our core assets of photography, typography and color.
Impact Type Offset
On oversized headlines, an outlined-type highlight can be applied. Thoughtful consideration should be given to when this is applied, especially at smaller point sizes. The highlight should never impede the legibility of the primary type. The outline thickness will be determined by the scale of the text. Generally, the line-weight will be .5 or 1.0 points.
Diagonal Bands
In the absence of imagery, color blocking can be used to convey movement, when used in a diagonal swipe. Colors can be used singularly or paired.
For most diagonal band applications, we recommend an angle of 77˚, which matches the incline of the italic style of Acumin Pro.
Photography
Photography is a powerful asset for visual storytelling. It helps us paint a full, rich picture of Purdue. By aligning our photography style and usage, we can create a look and feel that’s distinctly ours. The styles of photos compatible with the Purdue brand fall into three categories:
Locations
Photos in this category should express a sense of community that can only happen at Purdue. This is our chance to capture the culture of Purdue as it happens.
TIP: When shooting on location, try to photograph as widely as possible to encapsulate the entire story as well as close details. Always capture unique personalities in pairs and small groups. We are surrounded by amazing facilities in a state bursting with energy; document all of its character.
Portraits
These photos are the students, teachers, faculty, alumni and friends who form our community. It’s important to show them authentically, so these shots should always feel natural and in the moment. Portraits can be done in one of two ways.
On location (environmental): shows the subject outside of the studio and preferably in a place that tells a strong story or says something about who they are.
In studio: focuses more on the subject by placing them in a controlled and isolated environment.
TIP: Subjects should have genuine expressions that feel natural in the moment. Finding the humanity in our stories helps us build a powerful connection to our audience. This approach to portrait photography focuses on how the people look and feel every day, without any manipulation or obvious stylization, and in the subject’s natural environment.
Moments
This category is all about the people. Candid photos should capture the Purdue community in its natural element. This photographic style should capture moments of real emotion, spirit and achievement. This can include smiles, laughter and other positive expressions.
To show the diversity of our people and our programs, use overhead perspectives to capture the real-work environments of our students.
TIP: These images should be in the moment, never posed, showcasing the amazing things our people are doing.
TIP: When scouting for these photos, look for desktops, workspaces, common areas, gathering spaces and other types of workstations to help convey the wide range of studies that the Purdue community explores every day.
Video Brand Guideline
Video produced for or by official Purdue University colleges, departments and institutes should follow consistent visual elements as laid out in this brand style guide.
All videos should:
- Be visually interesting.
- Have clear, understandable audio.
- Follow the university brand standards, creating videos while keeping our Purdue “voice” in mind, and use the brand visual identity guidelines found on this website including logos, fonts, colors, crafting a story, and photography tips.
- Video published across our channels reflects the brand. The use of the Purdue signature logo closing animation ensures all colleges and units across the university are marketing to constituents in a cohesive and consistent way. We want social media followers to immediately recognize a message from or about the university. (Link to downloadable closing animation file)
- Meet ADA digital accessibility standards (closed captioning, etc)
*To add captions: You can upload an .srt file to YouTube or Facebook, and captions will automatically be provided (.srt files are available for purchase from vendors such as: Rev.com) - Please use Sprout Social’s Video Specs for Social Media for guidance on social media channels.
Download the Visual Identity Guideline in PDF
Tips
Lower third graphic: All of the elements of the lower third should work together to add to the visuals of the video, not distract from them.
When creating lower third graphics for Interview-type program/ on camera speaking moments, keep the lower third design “on brand.” Make sure your font style is in line with the project’s tone and look. It needs to be readable and as least distracting as possible. Also, avoid lengthy text — keep it short and to the point. Use the brand’s font and color choices found on this website. Acumin Pro options are best for text over video, especially for viewing final product on small screens (like phones.) You can also animate any of the elements.
Only leave a lower third graphic up for 2-4 seconds. Two lines are suggested when putting a lower third graphic up to identify the speaker. A best practice and industry standard is the top line/name/words are in a larger text than the second line. The second line identifies who they are, or their purpose/expertise on why they are talking. You only need to put the lower third up the first time you see the individual within a video. As far as size and position, location really depends where your subject is on the screen. Make sure your graphic is in a title-safe area. The lower third graphic should never be blocking something that the viewer needs to see.
Lower Third Templates:
Download Purdue Brand – Lower Third Templates
Lower Third Template Previews: