Edit-Work.com Web Style Guide: Editorial Style Sheets

Home

Edit-Work.com Site Style Guide

This page details the references on which the style choices for this site were based, and presentation specifications for such choices as layout, fonts, colors, link styles, and logo use.

References

Specified Stylebook

Chicago Manual of Style, 14th edition

Secondary Stylebooks

Microsoft Manual of Style

Wired Style Guide

Specified Dictionary

Merriam Webster's Collegiate, 10th Edition

Presentation

Fonts and Sizes

Head and body text font: Verdana, Arial, Helvetica, Sans-Serif
14 point regular for headlines
12 point bold for subheads (only when another level of subhead is necessary between the 14-pt head and many 10-pt subheads)
10 point bold for subheads
10 point for body text
8 point for footer and nav links on home-page navigation

Index Page Format

Three columns: 195-pixel column with background color #C43100; middle column 336 pixels wide; right-hand column 156 pixels wide

Main navigation on left, with subhead links 10 pt bold upper-case and subject links underneath each subhead 8 pt bold title case; links in left-hand nav are color #000000

Text in middle has 14-pt heads, color #C43100; horizontal rule in color #C43100, then footer with Dreamhost logo at bottom of middle column

Right hand column has subheads that are with reverse-out type, white (#000000) on red (#C43100), with reverse-out type bold, centered in red box, title case. Text underneath is regular style, 10 pt flush left.

Interior Page Format

Main logo at top of page
Four-pixel-wide table cell on left with background color #C43100
588-pixel-wide main column
Body text is flush left within middle column
Horizontal line in color #C43100 should be at bottom of page, between body text and footer
Standard footer at bottom of page; Dreamhost logo and link only on "home" page

Links

Link color and style: #C43100, bold, no underlining
Visited link color: #E6B800
Hover style: linked text changes to bold italic
All links to external pages open in new browser window
Link to "Home" goes at top left of middle column on interior pages

Lists

In all bulleted lists where some bullet points are three or more lines each, bullet points must be separated by one line space (<p>).
Bullet style: round bullets, in the color #C43100

Logo

Edit-Work.com logo (see top of page) can be used at a size no larger or smaller than plus or minus 10 percent of original size (315x65 pixels).
When animated, the Edit-Work.com logo can be in motion for no more than 10 seconds and must then be stationary for 5 more seconds before animation starts again.