What's the Solution?
1. Utility Navigation
The Utility Navigation identifies the application and hosts the secondary navigation mechanisms, including language selector, user profile/logout, and global search.
2. Global Navigation
Provides the primary navigation mechanisms, including application logo, main menu and mega-menus.
3. Main Content
This area is custom-designed by application teams. It is the primary area of interaction within the application, and contains the information and action necessary for users to complete their tasks. It can include (but is not limited to) form fields, widgets, components, and guided processes or wizard-like task flows.
Provides a space for the copyright notice and optional links that may be necessary for accessibility.
General Rules & Guidelines
- No horizontal scrollbars or other degradations should display at 1024x768.
- Certain elements of the UI shell may not display or may be disabled, depending on the logged-in user’s access privileges.
When to Use This Pattern?
As the user’s project cycle and development timelines permit, they can adopt the Starlight UI shell when their project must be compatible with the Starlight UI system—or when they are ready to move to a richer, more modern interaction model.
DO NOT Use This Pattern When...
- Do not use UI shell in a limited portion of an existing product.
- Do not mix Starlight UI shell with Alpha UI shell or other existing application models or navigation paradigms.