Web Style Guide

General rules for text, all pages

  • No returns at top of page before initial text begins; no extra returns following banner image (if at top; see next two sections below).
  • Single hard return between sections. NOTE: Following bulleted-list sections, use single soft-return (Shift+Enter) instead for spacing consistent with that between non-list sections.
  • Soft returns between section head and following body copy.
  • Justification: ALL text should be left-justified - no center, right, or full justification permitted. Bulleted and numbered sections will auto-indent; subsections of same may require manual indenting using the indent tool in the editing box.
  • Solid bullets for all lists of links or other lists.
  • For sub-lists, indent items once to the right under main list; system should provide hollow bullet for sub-listed items.
  • Links auto-format as bold maroon, with underline on mouse-over.
  • Black/bold subheads – do not use subheads as links.


For landing pages/top level of main section pages
(for example, the Compliance page)

  • 610x150 px banner at top of page (no returns before).
  • Area of text (usually explanation/ summary of section) under photo which spans the entire width.
  • Under top area, there are 2 columns of text. These can be listings of links, paragraphs of copy, etc. Contact the Office of Communications and Public Relations for assistance with multi-column page setup.


For the main/top level page on microsites
(for example, the ILSB Home page)

  • 610x150 px banner at top of page (no returns before).
  • Area of text (usually explanation/ summary of section) under photo which spans the entire width.
  • Under top area, there are 2 columns of text. These can be listings of links, paragraphs of copy, etc.
  • For all pages of microsites: On right side, navigation portlet (secondary nav) in place of News portlet. Only nav and search portlets should be on microsites.


For second, third etc. level pages other than microsites
(for example, Research in the Colleges)

  • No banner at top.
  • Single column of text.
  • Text formatting rules as per 'General rules for text' section above.


For second level pages on microsites
(ILSB examples – About, Focus Areas, Core Services, Contact Us – which are the 4 listed in secondary navigation on home page).

  • 610x150 px banner.
  • 2 columns of text, links, and/or photo. (Only 1 photo)
  • If secondary photo is used, place at the top of right column, and it should be 293 px wide (any height is okay here).


For third level pages on microsites
(example – LEED page)

  • 610x150 px banner.
  • 1 column of text, links and/or photo(s), which spans the entire width as banner.
  • If secondary photo is used, place 1st photo at the top of column, aligned right. Any others can go next to the areas you wish.
  • Any secondary (and so on) photos should be 293 px wide.


Sample banner for landing pages

rescompliancebanner


Sample secondary photo

ilsb-coreservices-side


Sample text section (with section head and following body text)

Unsolicited Proposals
Typically, a researcher who would like to propose a research project addressing research priorities outlined in the Long Range BAA contacts the Program Officer to discuss his/her project idea. If the Program Officer is interested, he or she will request a white paper (also called a preliminary proposal). White papers are short summaries of the project idea, and rules for white paper length and format can be found in the agency long range BAA or will be designated by the Program Officer. If the Program Officer likes the white paper, he or she will request a full proposal.

Sample text section (bulleted list following section head)

Research on Campus