Print Friendly and PDF

Web Pages Style Sheet

Well-designed web pages are a must for a successful site.  If good content is added to a page, but the layout is poor, the page will not be received well by the public.  Here are some web site design recommendations for text and layout followed by good and bad examples.

Text Guidelines

Condense your text into sections divided by white space to make your web page easy to read.  Use headers to help the reader quickly understand what is included in the page and what is most important.  

Left justify all of your headers and text—don’t center headers or indent your text as you would in a printed document.  Use text that is easy to read but not too big.  Likewise, use similar fonts that support the overall look of the site.  

Don’t underline text since this indicates that the text is a link.  All caps should be reserved for headers.  Bold shouts, while italics whisper.  Too many colors can distract a person from the text itself.

Rules for Layout

The overall layout of the page needs to be easy to take in with a clear focal point.  On a website, the eye is naturally drawn to the upper left hand corner of the screen, unless, for example, an eye-catching graphic pulls the eye to the right.  

Maintain consistent colors, fonts, and column layouts throughout the site.  

Use bulleted lists, headers, and images to separate text.  White space not only separates items on a page, it can draw attention to areas as well.  Similarly sized images help in clean design.  Make sure that it is clear where links will take a visitor.

Less is often more.  

Page with Bad Formatting

Same page with Good Formatting



Have more questions? Submit a request


Article is closed for comments.
Powered by Zendesk