Skip to Brand Guidelines site navigationSkip to main content

Design Standards

Ramapo

Color Palette

Beyond our logo, color is the most recognizable aspect of our visual brand identity.

Primary Palette

Using our primary palette appropriately is one of the easiest ways to make sure our materials reflect a cohesive Ramapo College brand.

Maroon

PANTONE:  202 C
CMYK: 1 / 98 / 58 / 44
RGB: 134 / 38 / 51
HEX: #862633

Maroon 50% Opacity
Multiply Effect on Maroon*

HEX: #72111F

 Cool Black

PANTONE: 426 C
CMYK: 81 / 87 / 55 / 83
RGB: 37 / 40 / 42
HEX: #25282A

 Cool Black: 75% Tint

HEX: #545658

Secondary Palette

Our secondary palette serves to accent our primary colors and should be used sparingly.

Red

PANTONE: 199 C
CMYK: 0 / 100 / 79 / 0
RGB: 196 / 30 / 39**
HEX: #C41E1E**

Red 25% Opacity
on Maroon*

HEX: #A42228**

Warm Gray

PANTONE: Warm Gray 1 C
CMYK: 10 / 10 / 11 / 0
RGB: 215 / 210 / 203
HEX: #D7D2CB

50% Tint*

HEX: #EAE9E5**

20% Tint*

HEX: #F7F7F5**

GOLD

PANTONE: 7407 C
CMYK: 8 / 29 / 71 / 9
RGB: 203 / 160 / 82
HEX: #CBA052

Only to be used for graphic elements or for text on a dark background.

Gold 50% Tint*

HEX: #DAC094

DARK GOLD

PANTONE: 4026 C
CMYK: 7 / 37 / 79 / 17
RGB: 188 / 140 / 61
HEX: #BC8C3D

Only to be used as 18+pt text or bold text on a white background

Special Occasions ONLY

PANTONE: 10128 C
Metallic Gold

*Different tints/shades may be used then the versions that are displayed.  **Color differs from the PANTONE swatch breakdown for website purposes.

Ramapo

Color Usage

It is important that we consider all people when designing for our community which means that we have to design for those whom may have disabilities such as color blindness. Meeting ADA (American Disability Act) standards is important to our outreach efforts. Here are examples of unacceptable/acceptable ways to use the colors from the color palette. Please contact the office of Marketing and Communications if you have questions about usage.

Designer Tip

If you need assistance to make sure your designs meet accessibility standards, please reference the following websites:

Acceptable

Education Emboldened postcard - acceptable

Unacceptable

Education Emboldened postcard - unacceptable red font on maroon background

× There is not enough contrast between the red text and the maroon background, which does not meet accessibility standards for colorblindness. It is acceptable to have graphic elements in red on maroon, but not text. Gold text on a maroon background works better. but note that the gold text must be 18+ pt or bold.

Acceptable

Make History Acceptable Postcard

Unacceptable

Make History Unacceptable Postcard

× There is not enough contrast between the gold colored text and white background to meet ADA standards. This instance you may want to use the darker gold, red, or maroon color.

Acceptable

Bold Doesn't Look Back acceptable text example

Unacceptable

Bold Doesn't Look Back unacceptable text example

× Red text on the cool black background does not meet ADA standards. 

Ramapo

Graphic Elements

A. Circle Accent / Circle accents are set in any color and multiplied over photos and pattern holding-shapes.

B. Underline / Underline Action Condensed in headlines to add emphasis and visual interest. Thickness should mimic the weight of the type.

C. Cross-Hatch Pattern / Patterns can be set in colors from our palette and placed in a rectangular or (semi-) circular holding shape.

D. Mega-Type / Outline Open Sauce, set in a large type size, and place it breaking the edge of the grid to accent pieces.

E. Cutouts / Cut out people, places, or things and set them in full-color or duotone for a distinctive way to include photography.

F. Checker Pattern / See “Cross-Hatch Pattern.”

G. Badge / Set in our bright red, these shapes contain short phrases or numbers and are multiplied over photos and pattern holding shapes.

RCNJ Graphic Elements in use examples

Ramapo

Duotones

Color duotones are an effective way to add color and create a neutral backdrop for text and graphics. We can use a duotone effect on our cutouts, full-bleed images, and photos cropped into a shape.

Duotone examples

Designer Tip

To make a photograph duotone in InDesign, first open the image in Photoshop. In the top menu, select Image > Mode > Grayscale. Save the image as a TIFF or jpeg, and import into InDesign. Click once on the image to change the background color. Click twice to change the foreground color.

Ramapo

Typography

Just as we choose different words to convey different messages, the typeface we use can have a profound effect on our communications. Consistently using the official fonts selected for Ramapo strengthens and reinforces the brand.

Headers

Action Condensed font and alternatives

Headers, Subheads, Body Copy

Open Sauce One font and alternatives

Hierarchy Examples

Follow these best practices when working with Ramapo’s typefaces.

Hierarchy examples

Typography Tips

LEADING

Line spacing, called leading, should be set tight,
but not too tight. For body copy, try leading that’s two or three points higher than the type size.

Visual examples of leading

TRACKING

The space between letters is referred to as tracking. As a rule, set tracking slightly looser for captions, and slightly tighter for headlines.

Visual examples of Tracking