Rules layout of basic elements on the desktop. The sidebar and a shared modular grid.

Screen units

Bokiv menu

Detailed side menu

Minimized sidebar

Menu with sections

When included the topics menu of the content it is better to darken, to focus on navigation

Shared modular grid

The content is divided into 12 columns indented 32px between them. The maximum width of the content 1280px. When the magnification of the screen content does not stretch more than this value.

Content width constraint

A small window

Large window

Content 100% width

When the content stretches 100%, the content has not divided into columns. Better to nail the controls to the left and right borders (indent L).