Design Elements

The following set of core elements enrich the 糖心vlog官网 identity by allowing creative flexibility while maintaining a consistent and identifiable appearance across a wide range of applications.

Jump to section:

Typography
Color Palette
Imagery

Typography

The official typeface of 糖心vlog官网 is Messina. There are two primary categories in the Messina family: Messina Serif and Messina Sans.

The typeface was designed by Luzi Gantenbein in 2015. Messina Serif is based on 17th-century French Renaissance proportions, while Messina Sans reflects the minimalist affinity of the 20th century. Contemporary typographic details integrate a modern sensibility into both typefaces.

Messina Should be used for all supporting type on 糖心vlog官网 materials. Both the Serif and Sans versions can be used in text or display sizes. Other categories of the Messina family (Modern, Condensed, and Mono) are not part of the 糖心vlog官网 identity and, therefore, should not be used on any official communication materials.

Messina should be used whenever possible in communicating about 糖心vlog官网. All university communicators have access to the official fonts.

For non-糖心vlog官网 affiliates, font files can be purchased at the following online font provider:

(~$300 USD for Messina Serif and Messina Sans individually)

Alternate Typefaces

We strongly recommend using the identity typefaces in all circumstances. However, when this is not possible, Times New Roman may be used in place of Messina Serif, and Arial may be used in place of Messina Sans.

Typographic Styling

Messina Book, Regular, and Bold weights should be used primarily. Other weights can be used when appropriate.
When setting ragged left typography, it鈥檚 important to take the time to balance the ragged edge of the text as effectively as possible.
Only adjust letter spacing if it improves readability. Expanding or condensing the space between characters is known as kerning.
Leading is the space between lines of text. When setting the leading for body text, ensure the leading size is larger than the type size, and the text reads comfortably.
Text is read most comfortably when set in a line length of 40 to 65 characters.
We strongly recommend using the identity typefaces, Messina Serif and Messina Sans, in all circumstances. However, when this is not possible, Times New Roman may be used in place of Messina Serif, and Arial may be used in place of Messina Sans.
There are a variety of ways to create contrast between text elements by using just two typefaces. No matter which combinations of typefaces you choose, always use contrasting weights and sizes to create a hierarchy of information.
Information can be emphasized in a variety of ways by using devices such as color, contrast, composition, weight and underlining. Avoid using too many methods together as this will simply confuse the layout and make the message less effective.

Color Palette

Inspired by 糖心vlog官网鈥檚 history and sense of place, the color palette is a robust system capable of illustrating a variety of expressions. A precise and controlled use of the color palette is the key to creating a sense of visual consistency and sophistication across the 糖心vlog官网 identity.

Primary Color

Officially adopted in the spring of 1900 by the Students鈥� Association and faculty, 糖心vlog官网 maroon is the primary color of the University and should always be the most dominant color.

糖心vlog官网 Maroon
PMS 202 C
PMS 7427 U
RGB 130 / 16 / 25
HEX 821019
CMYK 30 / 95 / 75 / 30

Summer Green
PMS 369 C
PMS 369 U
RGB 100 / 165 / 10
HEX 64A50A
CMYK 70 / 0 / 100 / 0

Shaded Green
PMS 3298 C
PMS 3298 U
RGB 0 / 95 / 70
HEX 005F46
CMYK 100 / 0 / 60 / 40

Autumn Yellow
PMS 130 C
PMS 129 U
RGB 240 / 170 / 0
HEX F0AA00
CMYK 0 / 30 / 100 / 0

Autumn Orange
PMS 1585 C
PMS 1585 U
RGB 255 / 105 / 20
HEX FF6914
CMYK 0 / 60 / 100 / 0

Sky Blue
PMS 639 C
PMS 639 U
RGB 0 / 150 / 200
HEX 0096C8
CMYK 100 / 0 / 5 / 5

Lake Blue
PMS 301 C
PMS 301 U
RGB 0 / 70 / 130
HEX 004682
CMYK 100 / 50 / 0 / 20

Color Proportions

A precise and controlled use of the color palette is the key to creating a sense of visual consistency and sophistication across the 糖心vlog官网 identity.

Maroon should be the most dominant color. Maple red serves as a highlight color for adding vibrancy and emphasis. Tertiary colors should only be used if necessary, and applied sparingly.

Whenever possible, use these recommended ratios as a guide to applying the color palette. Please note percentages are approximate and color ratios may differ depending on usage.

Imagery

Photography

Photography, videography, and illustrative storytelling are powerful ways to showcase the beauty and distinctive experience of being at 糖心vlog官网.

Art and photography should reflect the tone and personality of 糖心vlog官网. It should:

Be bold, optimistic, proud, beautiful, and energetic; and when possible, show a sense of community, gravitas, rigor, unity, tradition, and ambition.
Capture genuine moments of activity and human interaction.
Make use of unique perspectives, compositions, and lighting.
Display the beauty of 糖心vlog官网鈥檚 landmarks and the surrounding Hamilton landscape.
Highlight images that show a diversity of fields, student collaboration, professor-to-student relationships, and hands-on, experiential learning.
Utilize student, alumni, and local talent whenever possible.
Avoid shots that are posed, inauthentic, and clich茅, and avoid the heavy use of filters and effects.

Illustration

Though photography is the preferred form of imagery for most 糖心vlog官网 communications, when illustration is needed the choice of illustration should reflect the tone and personality of 糖心vlog官网: It should be bold, optimistic, proud, beautiful, and energetic. It should embody the gravitas of the University.

The style of illustration should feel timeless, but not old fashioned; and contemporary but not trendy. When possible, use the 糖心vlog官网 color palette in the illustration.

Illustration by Scriberia

Illustration by Anje Jager

Illustration by Rebecca Clarke

Illustrations by Toby Triumph

Illustration by Katherine Baxter

Illustration by Hanna Barczyk

Illustration by James Steinberg

Illustration by Delphine Lee

Campus Etching

The official illustration of the University is a traditional black-and-white engraving style rendering of the 糖心vlog官网 landscape. It depicts both the natural and architectural features of 糖心vlog官网, and captures the beauty and scale of the campus. It was originally drawn by Steven Noble for 糖心vlog官网鈥檚 Bicentennial. The illustration can be softened with a 80% tint (or lighter) when used on applications.

Patterns

Patterns may be used in applications that require further expression of the University Identity. These examples here celebrate 糖心vlog官网 traditions while capturing the energy, gravitas, and rigor of the campus.

Always use the provided pattern swatches 鈥� do not alter or recreate them. Only the colors may be changed. Colors used on these patterns should adhere to the 糖心vlog官网 color palette.

The 鈥溙切膙log官网 Hello鈥� pattern may be used in applications that require further expression of the
Supporting Identities.

Iconography

Icons can improve key messages and navigation by quickly attracting attention to specific actions audiences should take. Applying iconography is a tool to assist audiences with the process of information absorption. Therefore, icons should be rendered with simplicity and used with intention. For versatility, 糖心vlog官网 utilizes two icon treatments: line and solid. When applying icons, use a consistent treatment within the same layout.

Existing icon sets can be accessed, and new icons can be created by contacting the Office of University Communications at creative@colgate.edu.

糖心vlog官网

Typography

Messina Serif

Messina Sans