Web_Max Basics

The dashboard always consists of two molecules, a header and the content area. The content area can be designed freely, all content must adhere to the 24-column grid. The content may not be positioned freely within the column grid. An overlay must be used for this. All content, in the best case boardlets, start at the top left. They must be placed next to and below each other within the column grid. The Hea molecule always consists of a navigation atom, logo atom and toolbar atom. More information about the header can be found here:


More details you will find here.











Web_max Dashboard Spacing

All molecules and the atoms within them have a fixed spacing. This spacing is to place the molecules more precisely within the organism. Within the molecule the atoms also have a fixed spacing to each other. The spacing within the atoms is always the same, it varies only slightly from breakpoint to breakpoint. The spacing of the molecules is flexible. You only have to make sure that it is in the range from Spacing_1 to Whitespacing_7. This gives the design of the software an independent, visually attractive and continuous appearance.



Web_Max/Molecules_Spacing


Web_Max/Atomic_Spacing



Web_Max Dashboard Themes

All templates and pages exist in two themes, the Astronaut(light) and the Tokyo at Night Theme(dark).



Web_Max/Dashboard_Astronaut


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





Web_Max/Dashboard_Tokyo-at-Night


here you will find the handover and the Styleguide:
https://zpl.io/2pGEvMQ