Styleguide

This is an excerpt from our Website Guidelines -- see full guidelines here.

This webpage lists & links to demos of the Components and styling used to build these webpages.

This page covers:

Other Demos:

Typography

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

Buttons

Button-Primary Button-Secondary

Call to Action

Lists

Unordered List

If any item in a list (ordered or not) forms a complete sentence, all items must begin with a capital letter and end with a terminal punctuation mark.
If no items in an unordered list form a complete sentence, skip the capitalization and terminal punctuation.
If the items in the list complete an unfinished introductory sentence, end all but the last item with a semicolon, add an “and” before the final item, and finish off with terminal punctuation.

Ordered List

Lorem ipsum dolor sit amet, vim error decore copiosae cu, mel no altera fabellas delicata, complectitur comprehensam est ex.
At nam unum equidem dignissim.
Autem aeque qualisque ea sea.

Level 2 webpage.

Left navigation for these Level2 pages except Outage Central is implemented via Sub-Navigaton>Asset with _Section Navigation.
Because Outage Central has children pages, the asset is placed in the /Outage Central folder, in order to make its breadcrumb link active on child pages. Since it's in a sub-folder, it can't use the same _Section Navigation file as the other Level 2 webpages. So, left navigation is implemented via Component>WSYSIG and the navigation is hard-coded.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tables

A. Regular Table

	Monthly Usage	Fixed Price	Total
November	500 Ccf	$0.10250	$51.25
December	500 Ccf	$0.10250	$51.25
January	500 Ccf	$0.10250	$51.25
February	500 Ccf	$0.10250	$51.25
			$205.00

B. Two-Column Transparent Table

Row One: Table Cell One

sample content

Table Cell Two

sample content

Row Two: Table Cell One

sample content

Table Cell Two

sample content

C. Four Column Transparent Table

One Outdoor Lighting Upgrades	Two Lighting Occupancy Sensors	Three Walk-in Cooler Efficiency Measures	Four Custom Projects
Five Outdoor Lighting Upgrades	Six Lighting Occupancy Sensors	Seven Walk-in Cooler Efficiency Measures	Eight Custom Projects