Подвал страницы

Часть компонента Layout с контактной информацией и ссылками на важные страницы продукта

Описание Вариаций

ВариацияОписание
ПодвалРазмещает контактные данные о компании и ссылки на важные страницы продукта
Сервисный подвалCлот, в котором можно разместить ссылки или текст в одну строку. Перенос на следующую строку запрещен.

Используется

Используется на всех страницах сайта. Является обязательным элементом.

Подвал

Используется в лэйаутах с шапкой с горизонтальной навигацией.

Сервисный подвал

Используется в лэйаутах с сервисной шапкой с вертикальной навигацией.

Модификации

Сервисный подвал primary

Сервисный подвал primary

Сервисный подвал secondary

Сервисный подвал secondary

Промо подвал primary

Промо подвал primary

Промо подвал secondary

Промо подвал secondary

Промо подвал inverse

Промо подвал inverse

Строение компонента

Строение компонента

  1. контактная информация
  2. область для размещения ссылок
  3. кнопки с переходом на официальные соц.сети компании
  4. ссылки

Контактная информация

Содержит контактные данные компании, размещение иной информации не допускается.

Область для размещения ссылок

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

Во второй колонке размещаются ссылки на важные страницы продукта.

Кнопки с переходом на официальные соц.сети компании

Набор прозрачных кнопок-иконок с логотипами социальных сетей. Допускается использовать кнопки с текстом для блога, подписки и тд.

При большом количестве кнопки переносятся на следующую строку с выравниванием по правому краю.

Ссылки

Группируются по смыслу на усмотрение дизайнера, должны быть едины во всех подвалах продукта не более 5 ссылок.

Встроенные компоненты

  1. Button
  2. Link

Цвета

Размеры

Строение компонента

Типографика

Поведение

Поведение

В мобильной версии области встают друг под другом, а группы ссылок скрываются под разворачивающийся заголовок.

Новое мажорное обновление!
Мы активно разрабатываем дизайн систему CDS 3.0 на Vue 3