Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The dashboard is the foundational layout shell that other parts of the interface plug into. Within applications, it defines a specialized space for information visualization and control—giving control, giving users a structured interface to access key insights and functionalities. Content is laid out on a responsive 24-column grid with fixed spacing to maintain rhythm.

...

The Popup is best suited for entry or information modules. These modules adapt to the column grid of the Overlay. The dimensions of the Popup depend on the content. More on this topic in the Dialog pattern (link to Dialog).

Modal overlay structure

Best Practices

  • Use one of the documented dashboard patterns. If none fits, contact UX to propose a new pattern.
  • Place primary navigation in the left sidebar; place task-internal steps within the content area. More information can be found in Navigation.
  • Follow left-to-right, top-to-bottom reading order when arranging content.

...