View Source

Basics

The Dashboard always consists of a header and the content area. The content area can be freely designed, all content must adhere to the 24 grid column. In the header, burgers, datepicker, logo and setting are obligatory. More information about the header can be found here: ID2 - Header

here you will find the handover and the Styleguide of this componente:
https://zpl.io/2ZNyJZE

Inspire Design Guidelines > ID2 - Web Max Dashboard > Basic-1920_Dashboard_Definition.png

Content Area
Breakpoint	≥1800px	-
Width	1920	120
Height	-	-
Column Width	78	4.875
Gutter	26	1.625
Content-Area Margin	24	1,5
Header Area
Header-Area	24	1,5
Icon max	24	1,5
Icon min	18	1,125
Scrollable	yes
Navi and Toolbar
Height	-	-

EdgeOne Dashboard Example

Inspire Design Guidelines > ID2 - Web Max Dashboard > Basic-1920_Dashboard.png 1920/Dashboard_EdgeOne_Astronaut

Inspire Design Guidelines > ID2 - Web Max Dashboard > Platzhalter.png
1920/Dashboard_EdgeOne_Tokyo-at-Night

here you will find the handover and the Styleguide of this componente:
zpl.io/bzZlmM7

X-Series Dashboard Example

Inspire Design Guidelines > ID2 - Web Max Dashboard > Platzhalter.png
1920/Dashboard_X-Series_Astronaut

Inspire Design Guidelines > ID2 - Web Max Dashboard > Platzhalter.png 1920/Dashboard_X-Series_Tokyo-at-Night

here you will find the handover and the Styleguide of this componente:
coming soon