Tools For State and Local Web Sites

Web Style, Site Headers and Promotion Banners

Identity and Site Guidelines

Font:

On the Web, NAIFA uses Arial for site content.

Arial is a universally available font. It’s use ensuresmost of your audience will be able to properly accessyour content.

Color / NAIFA Blue:

PMS: 293 CCMYK: C:100 M:57 Y:0 K:2RGB: R:0 G:103 B:177Web: #006699

Arialabcdefghijklmnopqrstuvxyz 123456789ABCDEFGHIJKLMNOPQRSTUVXYZ

Identity and Site Guidelines: Web Basics

Page Layout

•Should Appeal to target audience•Consistent site header/logo•Consistent navigation area•Informative page title that includes the company/organization/site name•Page footer area — copyright, last update, contact e-mail address•Good use of basic design principles: repetition, contrast, proximity, and alignment•Displays without horizontal scrolling at 1024x768 and higher resolutions•Balance of text/graphics/white space on page•Good contrast between text and background•Repetitive information (header/logo and navigation) takes up no more than one-quarter to one-third of the top portion of the browser window at 1024x768 resolution•Home page has compelling, interesting information above the fold (before scrolling down) at 1024x768•Home page downloads within 5 seconds

Browser Compatibility

The following browsers all enjoy popularity, so new sites should be compatible with each:

•Internet Explorer•Firefox•Opera•Chrome•Safari (both Mac and Windows)

Example with Association Name

Site Headers

Example:

Example:

Online PromotionAll promotions or links for new and renewing members should direct readers to:http://www.NAIFA.org/NAIFApays