logo
logo

Типографика

Раздел настроек блока «Типографика»

Типографика — это раздел базовых настроек текстовых элементов блока, который может содержать в себе:

  • Размер текста

  • Горизонтальное выравнивание текста (так называемая «выключка»)

  • Цвет текста

Раздел «Типографика» присутствует во всех блоках. Настройки в разных блоках могут отличаться, в зависимости от специфики блока и текстовых элементов, которые в нем присутствуют.

Группы настроек текста

Настройки каждого текстового элемента объеденены в группу и изолированы от других групп разделителем.

Каждая группа настроек состоит из размера, цвета и выравнивания текста.

Размер заголовков

Стили заголовков отличаются от стилей обычного наборного текста. Для заголовков используется шрифт "ALS Gorizont". Всего доступно 6 размеров: от Н1 до Н6. Приставка "H" в названии размера означает уровень SEO-тайтла.

Например, «Заголовок Н1» — самый главный на странице и, соответственно, Н1 — самый большой. Должен использоваться для первого экрана.

«Заголовок Н2» по значимости идет после «Н1» и должен использоваться для заголовков всех блоков на странице.

«Н3-Н6» должны использоваться для подзаголовков внутри одного блока, в зависимости от их значимости и вложенности содержимого блока. Для элементов, которые не могут являться заголовками блока, выбор Н1 и Н2 может быть недоступен.

Размер наборного текста

Для наборного текста используется шрифт "Golos". Наборный текст — это текст описания блоков, основной текст блока, карточек и тд.

Размеры наборного текста представлены в виде «маек» от "XS" до "XL", где "XS" — самый маленький, а "XL" — самый большой.

Цвет

Цвет текста можно менять только среди значений ЧБ палитры от «ЧБ 10» до «ЧБ 90», где ЧБ 10 — самый темный, а ЧБ 90 — самый светлый цвет, если в настройках сайта включена «светлая цветовая тема». И наоборот, если в настройках сайта включена «темная цветовая тема».

Если какие-то элементы повторяются, для них всех можно настроить цвет текста одновременно.

Выравнивание

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

Правила использования информации в доменной зоне itmo.ru

Политика по обработке Персональных данных

Информация © 1993–2024 Университет ИТМО

Разработка © 2024 Университет ИТМО

Карта сайта