- Home
- Identity
- Website Guidelines
- Web Fonts, Colors, and Logos
- General Guidelines
- Content Standards
- Accessibility
- Domain Names
- Fonts, Colors & Logos
- Quality Control
- Social Media Policy
- Social Media Best Practices
Web Fonts, Colors, and Logos
Consistency is a primary goal of the UND website because it makes finding information on the site easier for our visitors. We work towards this goal by keeping the variety of fonts, colors, and logos used on a webpage to a minimum. As with print design, simplicity is key.
Typography (Fonts)
In general the typefaces are predetermined by the templates you choose, but if you do not have access to a UND OU template, please follow these general guidelines:
- Headings: Droid Sans
- Body, Navigation Links: Droid Sans, Lucida Sans Unicode, Arial, or other Sans Serif typeface
- Paragraph, H4: Verdana, Geneva, or other Sans Serif typeface
- Some Lists, Small Text: Arial, Helvetica, or other Sans Serif typeface
- Alternate: Gill Sans Light, Gill Sans, Gill Sans MT Bold, Arial
Digital Communications
Sans Serif typefaces (e.g., Myriad Pro) are recommended for paragraphs in digital communications. Sans Serif typefaces do not "wiggle" on a computer screen, making large sections of text easier to read.
Note: UND's Web typefaces vary from the recommended typefaces for other digital or print communications.
Color
| Color | Hex | RGB | Use on Light BG | Use on Dark BG | |
|---|---|---|---|---|---|
| white | #FFF | 255,255,255 | No | borders | |
| highlight green | #DED | 221,238,221 | background borders | background borders | |
| light green | #090 | 0,153,0 | heading 3 button secondary importance links |
No | |
| dark green | #060 | 0,102,0 | primary importance links definition list titles button text on highlight green borders button form labels |
No | |
| light orange | #F90 | 255,153,0 | link hover color button background (as highlight) |
Avoid | |
| dark orange | #F60 | 255,102,0 | link hover color button border |
No | |
| highlight gray | #EEE | 238,238,238 | background border |
links | |
| light gray | #999 | 153,153,153 | background borders captions bylines |
body text | |
| dark gray | #666 | 102,102,102 | text definition list titles borders nav links** background color (for white text) |
No | |
| darker gray | #333 | 51,51,51 | button text | input backgrounds | |
| black | #000 | 0,0,0 | strong text borders |
No | |
| red | #f00, #c00 | 255,0,0;204,0,0 | warnings and critical errors only | warnings and critical errors only |
**Only use #666 for links that are clearly links. It should never be used for links in paragraphs.
View the UND Website Colors as .pdf for download or printing.
Logos
UND and most of its schools, colleges and departments have standardized logos for Web use. Please use the most specific logo whenever possible.
You may use transparent logos only when placing the logo on backgrounds that are mostly white, gray, or black. Otherwise, there must be 20 pixels of white, gray or black space surrounding the logo.
You can view examples and download Web logos from the Logo Downloads page. Always choose the "Digital (RGB)" version for Web use.