Separator Line

Last Updated 09.28.03

General Description

A separator line is used to divide contextual information and/or static content from changing content within a page. The separator line is also commonly used to divide a persistant component (which provides contextual information to a page) from the rest of the contents on a page. For instance, the Locator Element: Train component uses the separator line component, and the Quick Links bar uses the separator line component.

Guideline Attributes

Spec Version # - 3.1
Spec Contributors - Betsy Nute
UI Models - all models
Example Products - HR Modules, SSP and Oracle Exchange (shopping cart area), BI applications
Related Guidelines - Headers, Locator Element: Train, Quick Links, Contextual Information

Interaction and Usage Specifications

General Principles

Visual Specifications

General Visual Principles Measurement and Layout Diagram of Separator Line


Example of Separator Line in a Page
Below is an example page of a separator line used with contextual information.


Below is an example page of a separator line used with the train.


Open/Closed Issues