AAYS Style Guide

1
AAYS Style Guide

• Shanna Chalker
• Web content coordinator
• Government Information Technology Agency

Style Guide
2
Template
Intermediate Users
Advanced Users
On the web Style Guide Template
3
Layout

• Agency logo. Top left hand side of the
• header and not exceed 100px in height.
• Include link to home page
• Agency tag line. Right of the logo or
• graphic.  Use Bank Gothic in 12 point.
• Search form. Right-hand side of the header
• AAYS logo. Above the search form.
• Link to http//az.gov
• Navigation. Left-hand side of the page in a boxed
  format with alternating colors for each link.
• Main Content. A title should appear on every
  page to describe the content. 
• News or Updates. Right-hand side in a boxed
  format with a grey background.
• Footer. Each agency must have a privacy policy

On the web Style Guide Layout
4
AAYS Logo

The Arizona _at_ Your Service logo should appear in
the top right hand side of the header above the
search form and link to http//az.gov The alt
tag should read Arizona _at_ Your Service. 
On the web Style Guide AAYS Logo
5
Color palette
Selecting colors from this color palette can aid
in setting a consistent tone throughout state
agency websites
For maximum contrast, use black text on a white
background
On the web Style Guide Color palette
6
Fonts
Limit the number of typefaces to only two or
threeBank Gothic is used for the agency
branding copy, such as taglines and is available
on the GITA website Verdana is used for all copy
On the web Style Guide Fonts
7
Metatags
The following are 5 Metatags that should be
incorporated into your homepage and category
index pages Title Description Keywords
Subjects Originator
Examples of use are available on the GITA website
On the web Style Guide Metatags
8
Images and Multimedia
Images provide an avenue to associate the site
with people, places and things. A common style of
imagery helps the brand obtain consistent
association.
A text equivalent for every non-text element
shall be provided by use of alt-tags or be
referenced on the page. Refer to the Website
Accessibility Policy.
On the web Style Guide Images and Multimedia
9
Search engine
Sites are crawled every Friday evening. 
On the web Style Guide Search engine
10
Web safe colors
The web safe palette contains only 216 colors
instead of the maximum 256 colors, because only
216 out of the basic 256 colors will display
consistently on all monitors.
On the web Style Guide Web safe colors
11
Accessibility
Accessibility standards as defined by P130 Web
Site Accessibility Policyhttp//gita.state.az.us/
policies_standards/html/p130_web_site_accessibilit
y_policy.htm Federal IT Accessibility
Initiative http//www.section508.gov W3C Web
Accessibility Initiative (WAI)http//www.w3.org/
WAI/ Acceptable use standards as defined by
P125 Web Portal Acceptable Use Policy
http//gita.state.az.us/policies_standards/html/p
125_web_portal_acceptable_use_policy.htm
On the web Style Guide Accessibility
12
Guidelines
Design for a minimum of 800 X 600
resolution. Ensure site displays properly in
Netscape 4.7 and IE 5.5 __________________________
______________ New Anti-Spam Email Script
On the web Style Guide Guidelines
13
Contact

• Questions about the Style Guide, please contact
• Shanna Chalker
• schalker_at_gita.state.az.us
• 602-364-4774

On the web Style Guide