Page History
...
Within Atomic Design, the Dashboard sits at the template level and composes organisms into reusable layouts. These layouts can adapt by breakpoint or format, while the underlying structure remains consistent across views. The Dashboard offers two themes: Astronaut (light) and Tokyo at Night (dark).
[Placeholder: Table giving an overview of major dashboard patterns]
Anatomy
A standard Edge.One Dashboard includes three organisms: Header, Content area, and Navigation panel. Optional components include :Floating Sidebar
...
, Overlay
...
...
, Toast Notification (in progress)
...
, and the Notification Panel (in progress).
[Imgae]
Header
The header provides access to global actions and is adapted per device to preserve clarity on smaller screens. The layout is consistent across applications.
...
The header container aligns to the content width with side padding of 3.25 rem and a top offset of 2 rem. Header margins are fixed at 1.5 rem.
[Image]
Header Content
Content of the header is defined by Global Navigation (link). It may include the product logo, icons, and menus. All elements have a fixed distance of 2 rem to each other. More information on the header content can be found in Navigation.
[Image]
Content Area
All content within the content area must follow either the Landscape Grid or the Portrait Grid.
...
