Our seal and marks are visual representations of our brand. They act as our official signature and are the common thread across all forms of communication. It is essential that we treat them consistently across all media.
Use only the official university seal and marks files: do not change them in any way.
|
|
In 2023, the University of Massachusetts Amherst unveiled a new university seal and brandmark that expands the university’s visual identity system, reflecting the values and unique position of the commonwealth’s flagship campus.
|
|
Seal—Stand Alone |
|
The UMass Amherst seal may be used either stand-alone or in long form. The seal alone or with a university wordmark is for formal usage (e.g., university letterhead, certificates, awards).
The UMass Amherst brandmark (or “collegiate M”) may be used in long form. The single collegiate M brandmark may also be used stand-alone but only within proximity of the words “University of Massachusetts Amherst” or “UMass Amherst.” Visually, there must be no doubt that the collegiate M stands for UMass Amherst. For example, using the collegiate M as stand-alone on a web page that clearly states “UMass Amherst” on a header.
|
|
|
|
Use restriction: The collegiate M must not be used in any multi-tiered version of either short-form UMass or long-form University of Massachusetts wordmarks. Multi-tiered meaning that the collegiate M must not be used in a wordmark for any department, office, center, or institution.
All UMass Amherst entities are required to use only university-approved seal, brandmarks, and wordmarks contained in this branding architecture guide. Any seal, marks, or visual identities that are not contained in this guide must not be used in any college, school, department, institute, or office under any circumstances.
The university seal and marks are the sole property of the University of Massachusetts Board of Trustees and may be used with written permission from the UMass Trademark and Licensing Administration; they must not be altered in any way.
For questions on how to use the seal, brandmark, and watermark, please contact University MarCom Group.
For questions regarding trademark usage on merchandise, websites, services, or advertisements, please contact the UMass Trademark and Licensing Administration at 413-577-8126 or @email. All UMass names, seal, marks, and logos are protected and registered trademarks by the United States Patent and Trademark Office.
Each of our graphic elements has specific requirements for their use. Carefully review the guidelines below before using these elements.
Appropriate Usage
Examples of inappropriate usage
Never set on a diagonal |
Never distort or stretch |
Never apply drop shadow |
Never use unapproved colors |
Never adjust position or size of elements |
For wordmark guidelines pertaining to schools, colleges, departments, offices, and all other campus units, visit the Brand Architecture page.
UMass Amherst short-form wordmark |
University long-form wordmark |
Horizontal version |
Stacked version |
Horizontal version |
Stacked version |
Horizontal version |
Stacked version |
Horizontal version |
Stacked version |
Horizontal version |
Stacked version |
Horizontal version |
Stacked version |
When using the UMass Amherst wordmark on collateral, there are proper approaches and formats with which to apply it. Modifications or nonstandard uses of our wordmark can confuse its meaning and diminish its impact.
The UMass Amherst wordmark needs to always be clear and readable. Minimum display sizes should be maintained. The wordmark must be at least 1 inch wide for print use or 75 pixels wide on screen.
To maximize impact and ensure readability, minimum clear space around the logo should also be maintained. Clear space is an area around the logo clear of text or imagery. The letter “M” from UMass on our wordmark is the measure for the minimal amount of clear space required. You have the option of vertical or horizontal long-form marks that you can use depending on the context in which the wordmark needs to be applied.
The color palette and fonts have been carefully chosen to convey our brand with maximum impact and clarity. The UMass Amherst wordmark should always be displayed in the approved colors using the correct Pantone, CMYK, or RGB swatches.
Preferable placement of the wordmark is on a white or neutral background. There is a reversed version of the logo that is white text and should be used over maroon on busy photographs or patterns.
UMass Amherst Athletics marks reflect a segment of the UMass brand identity. These marks are not appropriate for academic materials, nor should they be distorted or altered in any fashion.
Official UMass Typefaces
The three primary UMass Amherst typefaces are Minion Pro (serif), Frutiger or Frutiger Neue (sans serif), Lyon Text, and Lyon Display (serif). While there are three primary typefaces, only two (Minion Pro and Frutiger) are designated official university fonts. They are suitable for a wide range of reproduction methods and communication materials and may be purchased online at Fonts.com™ (Frutiger) and Commercial Type (Lyon).
University Relations has purchased licenses for a limited number of sets of the official university fonts. They are being distributed free of charge to employees who are directly involved in the creation of marketing and communication materials. All others, including external consultants, may purchase the font directly. Please contact @email for more information.
Serif fonts include small, decorative embellishments to the basic form of a character. The serif font for UMass Amherst is Minion Pro. It has both an elegant and functional design. It is classical without feeling stuffy or staid.
Minion Pro can be used for headlines, body copy, and formal applications.
Sans serif fonts lack serifs, so that the letterform stands unadorned. The sans serif font for UMass Amherst is Frutiger 45 and Frutiger Neue. Each font's organic, clean lines make it easily legible and modern without feeling cold.
Frutiger 45 and Frutiger Neue can be used for subheads, bold copy, and digital copy.
Official UMass Digital/System Fonts
Using the official UMass web fonts will ensure that your final product follows UMass Amherst brand guidelines.
Open Sans and Lora are the official university fonts because of their clean lines and readability. They have versatile weights and styles available and complement the UMass print typefaces.
Open Sans and Lora fonts are licensed through Google and free to use.
Open Sans is a clean and modern sans serif typeface especially designed for legibility across print, web, and mobile interfaces.
It should be used for body text, headings, and main navigation.
Lora is a well-balanced, contemporary serif typeface. Technically, Lora is optimized for screen appearance and works equally well in print.
It should be used primarily for school, college, and core unit site name headers. It can also be used for captions and pull quotes.
Lora should not be used for body text or main navigation.
Suggested CSS font declarations for web are:
Sans serif typeface in body copy: Font-family: Open Sans, Helvetica, and Arial; sans serif
Serif typeface (for acceptable uses): Font-family: Lora and Times New Roman; serif
Website typography should be globally defined in the <body> as font size: 100%. This is the default behavior for web browsers and does not need to be adjusted unless defined as something other than 100% in the site's CSS. When styling individual elements, use "em" for sizing instead of "px" to promote content accessibility.
Suggested minimum font sizes:
<h1> | 2em |
<h2> | 1.6em |
<h3> | 1.3em |
<h4> | 1.1em |
<p> | 1em |
Above all, make the site readable. The absolute minimum "em" size is .8em at 100%. For larger displays, it may be necessary to increase the size of fonts to compensate for longer line lengths and to increase contrast between elements.
How do I obtain font licensing?
University Relations has purchased licenses for a limited number of sets of the official university fonts. They are being distributed free of charge to employees who regularly create marketing and communications materials. Contact @email or (413) 545-0123 to request one of these licenses.
Open Sans and Lora web fonts are licensed through Google and free to use.
Official UMass Colors
Color evokes an emotional response to a communication and acts as a unifying visual component. The official colors of UMass Amherst are maroon and black. These colors play a vital role in establishing a clear and powerful image and in defining the UMass brand.
* For web accessibility reasons, it’s important that highly contrasting colors be used with text that overlaps color. Please note that not all combinations of the secondary colors shown above will provide a sufficient degree of contrast when overlapping.
Maroon plays a major role in establishing our identity and is a key factor in our branding efforts. UMass Maroon should be implemented consistently across all media, paired with the complementary white and black. Using this palette consistently creates an additional layer of distinction for the university.
|
|
||||
To assist designers with color choices, the university encourages the use of a secondary color palette to complement our signature brand colors. Secondary colors* must never overpower the brand colors.
|
|
|
||||||
|
|
|
||||||
|
|
|
||||||
|
|
|
||||||
|
|
|
||||||
Photography
Every picture tells a story.
Photography is about visual storytelling. It helps support and convey the brand message by capturing and showing the essence of UMass Amherst—its people, symbols, and campus. Photos speak volumes and are a key component to creating successful brand communication.
Photography used in UMass Amherst communication should feel authentic, warm, inviting, and aspirational. We want to engage readers and viewers whenever possible and truly capture everything UMass Amherst has to offer. Photography shouldn’t feel staged, unreal, cold, or stock-like. Vary your depth of field. Try to take an action shot as opposed to a static one with no energy. A photojournalistic approach is always best.
Whenever possible, avoid photography of people looking straight into the camera unless the concept calls for a direct-to-camera portrait. When using multiple photographs, make sure the composition reflects the diversity of the campus community and the color palette works. Expressions should not be too whimsical or too serious.
Photoshoot Note: Many people are uncomfortable in front of the camera. Don’t rush the shoot. You will get better results when you take the time to put your subjects at ease.
Try to ensure the framing of location shots is interesting and dynamic. The setting should be clean and free of clutter and unnecessary propping. It should feel inviting. When possible, use people to add warmth.
Photoshoot Note: While shooting, keep an eye out for other brand wordmarks and logos. They’re everywhere on campus and it is easier to avoid them than to retouch later.
Photography of campus life should feel engaging, energetic, and intimate. Viewers should get a sense of the relationships between the subjects—student to student, professor to student, alumni to student, and so on.
Photoshoot Note: Take the time to make your subjects comfortable. Avoid other branding. Make sure people are interacting while shooting. Shoot plenty of backup shots. Capture moments, not just people.
It’s all about kinetic energy. Shoot subjects in motion whenever possible. Frame and crop in ways that add to the motion. Avoid centering the subject. Get an array of shots—wide-shots and close-ups—to convey the moment.
Photoshoot Note: Have fun. Get into the action. When you get a great shot, double-check the focus.
Existing photography
- Images may be cropped.
- Do not reduce image size so much as to minimize its impact.
- Allow plenty of white space around images.
- Do not color-correct images.
Creating new photography
- Photos must be high resolution.
- The minimum size for a file should be 9 inches wide by 12 inches high and at a resolution of 300dpi (2700 x 3600 pixels).
- Formats should be one of the following: high-resolution JPEG files (.jpg), TIFF (.tif) files, or RAW.
- Photos should be in color and use 24-bit or higher color depth.
Resources and downloads
If you’ve created original photography, please contact University Relations at universitymarcom@umass.edu to obtain the photo release form.
If you have any questions or concerns about proper use of photography, please contact University Relations at universitymarcom@umass.edu
A consistent editorial style is essential to effective communication. This style guide for University of Massachusetts Amherst communications suggests word choice, tone, and usage to ensure style consistency while supporting the university brand.
UMass Amherst primarily follows The Chicago Manual of Style. Those writing and editing periodical copy or press releases may also rely on The Associated Press Stylebook and Libel Manual. For all spelling and definition guidance, communicators should use Merriam-Webster’s Collegiate Dictionary.
Since language is always changing, this guide is meant to be fluid and will be updated often. Check back from time to time to make sure you’re using the most current editorial style to promote clear, concise, up-to-date communication.
Digital and Web
Most of our communication, especially at the university, is now conducted through digital technology. There are significant differences in how we consume print versus digital media, and these differences need to be taken into account as we create our communication.
The need for the UMass Amherst brand to be consistently applied, from type treatment to photography to tone, is as critical in an email, social network, or website as it is in print.
Websites
All official UMass Amherst websites must adhere to the guidelines for: responsive design, top banner, favicon, page title, and page footer. Learn more about our web brand guidelines.
Every UMass Amherst website contributes to the user's perception of the university. When a user visits our website, they form an impression of the university and its schools, colleges, departments, programs, centers, institutes, and administrative offices. To ensure a unified web presence, official pages of the UMass Amherst web presence should be visually related to help promote usability and to reinforce UMass Amherst’s brand identity. The guidelines presented here are designed to ensure a cohesive brand for the university and to optimize university websites for organic search results.
The UMass Amherst brand is a valuable asset that is critical to the success of all the university’s websites. As such, all UMass Amherst websites and social media platforms are required to follow the UMass Amherst website brand architecture guidelines.
General guidelines are as follows:
- All UMass Amherst-related websites must include the UMass Amherst wordmark.
- The UMass Amherst wordmark always links back to the UMass Amherst homepage.
- All UMass Amherst-related websites must include the official top banner.
This style guide applies only to official UMass Amherst pages. Official UMass Amherst pages are defined as web pages on a UMass Amherst web server that have been created by UMass Amherst, its schools, colleges, departments, programs, centers, institutes, and administrative offices. It does not apply to web pages created by individuals, such as students or faculty members.
Mobile traffic accounts for more than half of all internet traffic and search engines boost the ratings of sites that are mobile friendly. This means responsive web design is fundamental to UMass Amherst’s brand performance and success on the web. UMass Amherst-related websites have a responsive web design mindset—an approach to web design that makes web pages render well on a variety of devices, screen sizes, and viewer proximities. We encourage the design and development of great online experiences for multi-devices layout patterns such as smartphones, tablets, desktops, and laptops. This means all UMass Amherst wordmarks must be appropriate for any device format and scale to a size that is clearly legible by the user.
The website header is a branded strip that offers a simple way to connect all of our sites and lets users know where they are at all times. The top banner brands your page as part of UMass Amherst, links your page to the UMass Amherst home page, and provides access to the UMass Amherst calls to action and sitewide search.
In order to provide a consistent user experience across all of our university properties, the top banner should correspond to the banner found at www.umass.edu/brand. Our guidelines require that there be no changes in width, color, font size or element positioning.
Top banner design will utilize the full name of the university as a white wordmark on UMass maroon background. Calls to action links will be white.
University MarCom Group has developed a Drupal module that can provide a drop-in replacement for your existing top banner. Contact us for details.
Desktop version:
Mobile version will substitute the short wordmark:
For the mobile version, the global menu links will appear within the site “hamburger” menu. Site-specific mobile navigation should appear lower on the screen, below any wordmark, and should not have a "hamburger" menu to avoid confusion with the global menu links. Instead, site navigation should bear the title "Menu."
Banner requirements
- The top banner should correspond as closely as possible to the banner found at umass.edu/brand. Our guidelines require that there be no changes in width, color, font size or element positioning.
- For schools, colleges, departments, programs, centers, institutes, and administrative offices, the banner is a required element on every UMass Amherst website. It is always located at the top of the page and spans 100 percent of every website’s width regardless of device or size. Top banner content will be constrained to nominal page maximum width (1200px).
- The primary wordmark that includes the words University of Massachusetts Amherst (for desktop) or UMass Amherst (for mobile) is required within the banner and is reserved for use on sites that are within the UMass Amherst domain, meaning the site’s address ends in umass.edu.
- The height of the banner measures 60 pixels tall. The banner has a background in the official UMass Maroon color. Text is white.
- The wordmark is aligned with the left side of the page content, as opposed to the far-left side of the main body page.
- The file name for the wordmark must always, and only, contain the following keywords in order to optimize search engine performance: University of Massachusetts Amherst.
- Only University of Massachusetts Amherst/UMass Amherst appears in the bar, along with utility links. The name of the school, college, department, program, center, institute or administrative offices does not appear in the top banner, nor does any other content other than the global links.
- The top banner must never be replaced with individual website headers when scrolling down the page. "Sticky headers" are not permitted.
- No content of any kind may appear above this bar, or between the bar and the officially branded site name below.
- No links to information on the website (for example, “Admissions”) should be added to the top banner.
- Site search functions are not allowed in the top banner, only UMass Amherst enterprise search function. Site search functions may appear elsewhere on the website.
Contact University MarCom Group with any questions or assistance in implementing the UMass global branding.
UMass Amherst provides a favicon by default on all websites on the umass.edu domain. The favicon appears in the top border of your web browser to the left of the page title. See example below:
If your site is on another domain, you will need to define the favicon in the head section of your HTML code or place the favicon in the website’s root. You can find the UMass Amherst favicon at www.umass.edu/favicon.ico.
The page title displays in the top border of your web browser and is an additional way to identify your site. It also helps with search optimization to make the site identifiable in search results.
Title tags must exist on every page. Title tags should contain the unit name, department, or program followed by "UMass Amherst." The following format is mandated for reasons of accessibility:
Page Title : Site Name : UMass Amherst
See example below:
Outside of the page title, you may include other relevant keywords important for your specific department. Keep in mind, however, that Google search results will only display up to about 66 characters. It is recommended to adhere to meta keyword tags only.
The page footer shows site ownership, both as part of UMass Amherst and within the specific entity within the university.
All UMass Amherst websites must have the official UMass Amherst footer, which includes the UMass Amherst stacked wordmark, the copyright year and links to University of Massachusetts Amherst, Site Policies, and Accessibility information.
The required link format is: ©YYYY University of Massachusetts Amherst • Site Policies • Accessibility
Footer requirements:
- The UMass stacked wordmark and "University of Massachusetts Amherst" must link to https://www.umass.edu.
- "Site Policies" must link to https://www.umass.edu/gateway/site-policies.
- "Accessibility" must link to https://www.umass.edu/accessibility.
No other graphics or text should be included in the footer. This includes wordmarks other than the official UMass stacked wordmark or text crediting site designers or hosts.
Standard Footer in web context:
Desktop version:
Mobile version:
Accessibility
In order to uphold its values of diversity and inclusiveness, UMass Amherst is committed to making its website accessible to all. All new websites hosted on umass.edu are reviewed for ADA and brand compliance.
For more information about accessibility best practices and to obtain additional assistance, visit the University Accessibility website.
Email is an essential and important form of communication. Email sent from UMass Amherst should adhere to university brand guidelines. Please remember this is not your personal email, and anything sent out should keep in line with the brand voice UMass Amherst has established.
Find a sample UMass Amherst email signature and learn more about the tone for emails and the recommended format for a UMass Amherst email signature.
For any questions or concerns about proper use of any digital elements, contact University Relations at 413-545-0123 or by email at @email.
A consistent email signature is a key part to keeping our brand identity cohesive. It may seem a minor point, but it’s the professional punctuation to everything we communicate via email. It helps people receiving emails know immediately where the email is coming from.
We recommend that your UMass Amherst email signature follow this format in either colored or plain text. Any additional information can follow this signature.
First Last
Title
School/Department/Unit
UMass Amherst
Street Address
Building Address
Amherst, MA 01003
123-456-7890
email@example.edu
website.edu
Notes on format above:
First and Last name use bold and web color: #881C1C or RGB: R126 G28 B28
The University Relations Social Media Team is the official voice of UMass Amherst on Facebook, Twitter, Instagram, YouTube, LinkedIn, TikTok, and on other platforms. We help set the tone and establish community guidelines, whether for communities on campus looking to grow their social media presence, students promoting an activity or idea, or faculty using social media as a teaching tool.
Social media can be a great tool to help promote your office, department, major, or organization. We do our best to post your photos, videos, or other content as often as we can.
Beyond that, we can also help by providing resources for you to create or maintain social media accounts for your school, college, department, office, or other campus organization. Our guidelines and policies can help get you started, and we encourage you to schedule a meeting with our team.