Сетка

Сетка позволяет нам поддерживать согласованность блоков и единство всей структуры сайта.

Брейкпоинты

Система включает в себя шесть брейкпоинтов, что позволяет верно отображать интерфейс на всех устройствах.

БрейкпоинтУстройствоКонтентная область
≤ 1440pxDesktop1200px
≤ 1200pxNotebook1080px
≤ 992pxTablet960px
≤ 667pxHorizontal Phone≤ 619px
≤ 480pxPhone≤ 448px
≤ 374pxSmall Phone≤ 358px

Desktop

Контентная область 1200px

Notebook

Контентная область 1080px

Tablet

Контентная область 992px

Кратно 8px

Сетка построена из базовых модулей 8px. Таким образом размеры элементов и расстояния между ними всегда будут кратными 8: 16, 24, 32, 40, 48 и т.д.

Колонки

Мы используем гибкую сетку с пропорциональными столбцами, фиксированными полями и промежутками между ними. Таким образом нам удается максимально эффективно использовать доступное пространство.

Типовые страницы

Главная страница

Контентная область занимает всю сетку, полноразмерный футер с контактами, футер и меню меняются в зависимости от целей страницы.

Внутренняя страница

Блок с навигацией по странице занимает 2 колонки, контентная область занимает оставшуюся часть.

Студия Олега Чулакова
+7 495 268-06-61hr@chulakov.ru