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.
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
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||Hex||RGB||Use on Light BG||Use on Dark BG|
|highlight green||#DED||221,238,221||background borders||background borders|
|light green||#090||0,153,0||heading 3
secondary importance links
|dark green||#060||0,102,0||primary importance links
definition list titles
button text on highlight green
|light orange||#F90||255,153,0||link hover color
background (as highlight)
|dark orange||#F60||255,102,0||link hover color
definition list titles
background color (for white text)
|darker gray||#333||51,51,51||button text||input backgrounds|
|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.
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.