There is a specific order to how components are laid out vertically on a page. Not every component is used in one
single instance of a page, but since many combinations of components on a page are possible, it is important to have
consistency regarding which order the components appear vertically. This guideline provides the correct vertical layout order
for components.
Guideline Attributes
Spec Version # - 3.1 Spec Contributors - Betsy Beier, Lisa Serface UI Models - all models Example Products - all products Related Guidelines - All Components
Interaction and Usage Specifications
General Principles
Components should have a consistent vertical layout.
Not all components listed are used on one single page, but combinations of components on a page is possible. See individual component guidelines for details.
Visual Specifications
Vertical Layout Order of Components on a Page NOTE: Not all of these components are used on a single page, and many components are not necessarily required unless noted.
Page Stamp - Primary Page Stamp Location
(used if applicable to entire page contents)
Key Notation (used if applicable to entire
page contents)
Application Content
NOTE: Some components may be nested in the middle
of a content section like Hide/Show and
Instruction text, and not necessarily
related to an entire section of content. If so, these components are
placed left aligned within the content area of the corresponding header.
Bookmark
