ACU Web Style Guide

startwaitingInternet και Εφαρμογές Web

18 Νοε 2013 (πριν από 4 χρόνια και 1 μήνα)

74 εμφανίσεις

ACU Web Style Guide

(Updated April 2008)


This Web Style Guide establishes a consistent design for ACU Web pages. Department chairs and office
directors and managers are responsible for proofing their pages before publishing, and all pages will be
subject
to review by Web Communications and/or University Relations. Please use the following
guidelines when creating pages.


Content Style


Body Text Style




Size
-

Use the normal text size in the WYSIWIG editor for paragraphs, Sub Headlines or bold text
for sub
headlines.



Colors
-

black for most text. Links are purple and red on hover. Dark red is available for text when
appropriate.



Italics
-

use sparingly, and never in combination with another style



Bold
-

save for headlines, sub headlines, and special emphasi
s. Never bold a whole paragraph.



Font Type
-

Verdana is our online font.



Left
-
align everything

unless it is a formal invitation and looks like one.


Headlines Style




Size
-

Type in the page headline into the content editor field called acu_headline. If usi
ng an
unformatted layout, use the style called Headline in the drop
-
down Styles menu (in the WYSIWIG
editor)



Colors
-

black, occasional use of the ACU red #940000 for sub headlines or emphasis



Sub headlines
-

Use the style called Sub Headline



Capitalize ma
jor words


Title of Page




Short, but descriptive (good for search engine optimization)



Major words capitalized



Spaces are ok


File Names



* Short, lower case, no spaces, only letters and numbers


Images Style




Logos and graphic design

elements will be
created or approved by Creative Services in the
University Relations Office.



Use professional photographs

-

standard size for ACU
-
provided head shots is 108 x 153 pixels

o

Bright colors, Sharp (not blurry), Tasteful

o

Contact Creative Services or Web Communica
tions to arrange for professional
photography.

o

No photo collages or graphic design on photos without approval

o

Make sure you have permission to use someone else's photos and logos. (See Copyright
and Trademark Infringement information)

o

Prepare photos and gr
aphics for the Web using a photo editing program (72 ppi
resolution, sized before uploading)



No flashing or animated graphics without approval



No borders on pictures






Image Sizes and Page Widths

(entire page width: 750 px)




Editable page body area (wit
h right marquee turned on): 396 px wide for images or tables, or
100% for tables



Editable page body area (with right marquee turned off): 565 px wide for images or tables or
100% for tables



Right column marquee width: 155 px wide for logo block images, 135

px wide for news block or
related links block



Home Spotlight image: 130 x 170



Banner image dimensions

o

Home Banners: 601 x 240

o

Standard Template Banners: 601 x 38 top header image, 601 x 118 banner image

o

Lite Template Banners: 601 x 60 header image


Forma
tting Style


Dates




Use a slash between numbers of dates

o

Right: 7/15/04




Abbreviate months except March, April, June, and July.

o

Right: May 24

o

Right: May 24, 2002

o

Right: May 2002

o

Right: Dec. 24

o

Right: Dec. 24, 2002

o

Right: Dec. 2002


Times




Noon/Midnight:

o

Ri
ght: noon

o

Right: midnight




Times:

o

Right: 8 p.m.

o

Right: 8
-
9 a.m.

o

Right: 8 a.m.
-

4 p.m.

o

Wrong: 8:00 p.m.

o

Wrong: 8 o'clock in the evening

o

Wrong: 8 a.m.
-

9 a.m.

o

Wrong: 8 a.m.
-

4p.m.


Addresses

(spell out state)




Right:

o

ACU Box 23539

o

Abilene, Texas 79699
-
9539



Telephone Numbers

o

Right: 325
-
674
-
2796










College Left Menu Items




About Us



Dean's Welcome



Faculty & Staff



Programs



Contact Us


And if appropriate, add these in alphabetical order:



Our Alumni



Our Students



Careers


Academic Department Left Menu Items




About Us



Careers



Faculty & Staff



Majors & Programs



Our Alumni



Our Students



Contact Us


Hex Colors




Purple
-

dark
-

#531c79



Purple
-

medium
-

#7a5197



Purple
-

light
-

#B6A1C4



Purple
-

lighter
-

#dcd4e6



Gray
-

dark
-

#c9c9c9



Gray
-

light
-

#e9e9e9



Red
-

dar
k
-

#940000



Link color
-

#303030 (Purple)



Link hover color
-

#cc0000 (Red)


Table Background Colors



.rowGray {background:#e9e9e9;}



.rowPurple {background:#dcd4e6;}



.rowWhite {background:#ffffff;}



Tables




Background color
-

if needed, use one of the backg
round styles in the WYSIWYG editor.



Border
-

no table border is preferred, but if absolutely necessary, use one of the border styles in
the WYSIWYG editor.



Cell padding
-

We have added automatic padding inside cells to allow adequate spacing between
the ce
ll border or background color and the text


Table Colors

-

Use the following colors from the ACU Web Style color palette:




Table Row Purple: #dcd4e6



Table Row Gray: #f6f6f6



Table Border Purple: # b9a8cd



Table Border Gray: #d4d4d4



Table Row Cent
ennial: #216B5A



Black (text) and white (text or background color)