Graphic & Visual Design

NYU.edu is larger than the previous version – 360 pixels wider to be precise. As monitors get larger so do their aspect ratios, the 960 pixel width offers University authors the ability to use more dynamic content and the site viewer more opportunity to view that content.  It also changed our design and visual styles.

Design Foundations

The look of the NYU.edu reflects back on previous versions but looks forward to a more Web 2.0 design that is clean and free of too many flourishes, allowing the content to take the spotlight. After all NYU.edu would not exist if it were not for the content and work done at the university.

There was a process of a number of months to investigate the best design to meet all of the targeted needs and audiences. What has evolved is a strong foundation for the next chapter in NYU’s online presence.

Color Palette

You're probably noticed that NYU's primary color is purple. It's a very specifc color of purple, to be exact. The specifics of "NYU purple" and the subsequent primary and secondary color pallettes is what you're going to see all throughout the NYU.edu site:

Official NYU Purple

Official NYU Purple

 

Primary Colors

Color Hex RGB
NYU Purple 57068c 87,6,140
Link Red d11255 209,18,85
Text Black 23241e 35, 36, 30

 

Secondary Colors

Color Hex RGB
Gray 818790 128, 135, 143
Blue 448ccb 69, 140, 204
Dark Cyan 005b7f 1, 91, 126
Green 0e7d8e 14, 125, 142
Cyan 0077a2 0, 119, 162
Brown 816c5d 130, 108, 94

Content Elements

Fonts

Gotham is the University's official font family and was created and is provided by Hoefler & Frere-Jones.

The NYU.edu website uses Verdana as its main system font. 

Headers

The NYU.edu site uses headers in logical hierarchy (ex: H2 is sub category of H1 and H3 is subcategory of H2 & etc.). There is only one H1 per page as the page title.  This H1 is as close to the convention of the page filename as possible to improve search engine optimization.

We have reserved H6 for accessibility (hidden/ off screen).

H1 HEADER

font-size: 37px
font-family: Gotham Book

H2 HEADER

font-size: 24px
font-family: Gotham Book

H3 HEADER

font-size: 19px
font-family: Gotham Medium

H4 HEADER

font-size: 13px
font-weight: bold
font-family: Verdana, Arial

H5 HEADER

font-size: 12px
font-family: Verdana, Arial