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

Screen units

General Layout

Bokiv menu

Detailed side menu

Detailed bokiv menu

Minimized sidebar

Collapsed sidebar

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

Menu subsections

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.

Basic grid

Content width constraint

A small window

Small window

Large 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).


100% - width