Template Style Guide

Palette

	#293F6F - Blue
	#A67A00 - Gold
	#EEE8AA - Dark Goldenrod
	#FAFAD2 - Light Goldenrod
	#FFFFFF - White
	#000000 - Black

---

Global Type Faces

• HTML: Verdana
• Graphics: Joanna

---

HTML Headers & Subheaders

Headers are used to title subpages within main sections of the site. Verdana 1.5em in Gold. Subheaders are used to divide blocks of type. Verdana 1.2 em in Blue. Verdana 1.1em in Gold. Verdana Bold 1.0em in Blue.

Examples

Heading 1: First Seminar Program

Heading 2: Courses & Requirements

Heading 3: African Studies Emphasis

Heading 4: Core Courses

Heading 5: Arts & Humanities

 

Heading 1: First Seminar Program

Heading 2: About Us

Heading 3: African Studies Emphasis

Heading 4: Core Courses

Heading 5: Arts & Humanities

 

HTML Body Copy

Verdana 1.0em (line height 1.2em) in Black. Hyperlinks are in Blue.

Example

IT is dedicated to providing all faculty and staff with up-to-date information regarding the current budget process. Please browse this site for any information you need. If you have any questions check out our Budget FAQ page or contact your IT Support Specialist or Liaison.

 

Right Sidebar Type

Verdana 0.9em (line height 1.2em) in Gold. Hyperlinks are in Gold.

Example

Information Technology

Green Hall

The College of New Jersey

P. O. Box 7718

Ewing, NJ, 08628

P) 609.771.2660

F) 609.637.5180

E) helpdesk@tcnj.edu

 

Left Sidebar Navigation Copy & Links

Verdana 0.95em (line height 1.2em) bold in Blue.

Example

Budget

Planning

Security

 

Budget

Planning

Security

 

Overview

Budget

Academic

Administrative

Planning

Security

 

Left Sidebar Additional Copy & Links

Verdana 0.9em (line height 1.2em)in Gold.

Example

Budget

Planning

Security

 

Widgets

Bulleted List

Example

• Budget
• Planning
• Security

Arrows

Example

More »

« Return to Home

Document Icons

Example

Acrobat Document

Word Dcoument

Excel Dcoument

Powerpoint Dcoument

 

Buttons

Example

 

Tables

Example

 

Column Header 1	Column Header 2	Column Header 3
Data 1	Data 2	Data 3
Data 1	Data 2	Data 3
Data 1	Data 2	Data 3
Data 1	Data 2	Data 3

---

« Return to Web Initiatives Home