You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 10 Next »

Web_Max 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 column-grid. The content may not be freely positioned within the column-grid. Overlay must be used for this. All contents, in the best case boardlets start at the top left. They must be placed next to each other and below each other within the column-grid. In the header, burgers, datepicker, logo and setting are obligatory. More information about the header can be found here: ID2 - Header


Breakpoint≥1800px-
Width1920120
Height--
Content Area

Column Width784.875
Gutter261.625
Content-Area Margin241,5
Header Area

Header-Area241,5
Icon max241,5
Icon min181,125
Scrollableyes
Navi and Toolbar

Height--

Web_max Dashboard Spacing


Zeplin Documentation

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






Web_Max Dont's



Place the boardlets freely on the grid


The boardlets must never be placed outside of the column-grid


Boardlets must never cross the column grid left and right








Web_Max EdgeOne-Dashboard


Web_Max/Dashboard_EdgeOne_Astronaut

Zeplin Documentation

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


Web_Max/Dashboard_EdgeOne_Tokyo-at-Night





Web_Max X-Series-Dashboard



Web_Max/Dashboard_X-Series_Astronaut

Zeplin Documentation

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



Web_Max/Dashboard_X-Series_Tokyo-at-Night


  • No labels