Mega LНаиболее крупный заголовок, предназначенный для привлечения внимания к ключевым элементам на мобильных устройствах. Используется для заголовков разделов на главной странице или для выделения важной информации в верхней части экрана. Стиль акцентирует на себе внимание, но не должен злоупотребляться.
Параметры:
- Размер: 48px
- Шрифт: IBM Plex Sans
- Начертание: Regular
- Межбуквенный интервал: -2%
- Высота строки: 58px
Mega SКрупный заголовок, несколько меньше чем Mega L, но все еще заметный и акцентный. Подходит для подзаголовков на главной странице, заголовков крупных блоков информации или для акцентирования внимания в разделах сайта.
Параметры:
- Размер: 80px
- Шрифт: IBM Plex Sans
- Начертание: Regular
- Межбуквенный интервал: -5%
- Высота строки: 110%
H1Заголовок первого уровня, используется для обозначения основных разделов контента на странице. H1 должен четко иерархически выделять название текущей страницы или раздела. Важный элемент для SEO и навигации пользователя.
Параметры:
- Размер: 36px
- Шрифт: IBM Plex Sans
- Начертание: Medium
- Межбуквенный интервал: -4%
- Высота строки: 107%
H2Заголовок второго уровня, применяется для подразделов внутри основного контента, обозначенного H1. Помогает структурировать информацию на странице, делая ее более читаемой и понятной.
Параметры:
- Размер: 28px
- Шрифт: IBM Plex Sans
- Начертание: Medium
- Межбуквенный интервал: -2%
- Высота строки: 120%
H3Заголовок третьего уровня, используется для дальнейшей детализации структуры контента, выделения подразделов внутри H2. Помогает в организации сложных страниц с большим количеством информации.
Параметры:
- Размер: 24px
- Шрифт: IBM Plex Sans
- Начертание: Medium
- Межбуквенный интервал: -2%
- Высота строки: 120%
H4Заголовок четвертого уровня, применяется для выделения менее значимых подразделов или смысловых блоков внутри H3. Используется для создания глубокой иерархии контента, если это необходимо.
Параметры:
- Размер: 20px
- Шрифт: IBM Plex Sans
- Начертание: Medium
- Межбуквенный интервал: -5%
- Высота строки: 130%
H5Специфический заголовок пятого уровня, выделенный моноширинным шрифтом IBM Plex Mono. Предназначен для случаев, когда необходимо подчеркнуть программный код, технические термины или листинги внутри текста. Используется для стилизации элементов, связанных с IT или разработкой.
Параметры:
- Размер: 20px
- Шрифт: IBM Plex Mono
- Начертание: Regular
- Межбуквенный интервал: -5%
- Высота строки: 120%
H6Заголовок шестого уровня, наименее значимый в иерархии заголовков. Применяется для обозначения самых мелких подразделов или для стилизации второстепенных заголовков, требующих выделения, но не доминирующих в структуре.
Параметры:
- Размер: 16px
- Шрифт: IBM Plex Sans
- Начертание: Medium
- Межбуквенный интервал: -2%
- Высота строки: 130%
Quote LСтиль для оформления крупных цитат, выделяющихся блоков текста с цитированием. Quote L предназначен для значимых и объемных цитат, которые должны привлекать внимание читателя и визуально отделяться от основного текста.
Параметры:
- Размер: 32px
- Шрифт: IBM Plex Sans
- Начертание: Regular
- Межбуквенный интервал: -2%
- Высота строки: 120%
Quote SСтиль для оформления небольших цитат или врезок. Quote S подходит для коротких цитат внутри абзацев или для стилизации текстовых вставок, не требующих такого же акцента, как Quote L.
Параметры:
- Размер: 26px
- Шрифт: IBM Plex Sans
- Начертание: Regular
- Межбуквенный интервал: -2%
- Высота строки: 120%
Button LСтиль для крупных и заметных кнопок, призывающих к действию. Button L используется для основных действий на странице, таких как "Подтвердить", "Заказать", "Скачать". Моноширинный шрифт IBM Plex Mono придает кнопкам технологичный и акцентный вид.
Параметры:
- Размер: 24px
- Шрифт: IBM Plex Mono
- Начертание: Regular
- Межбуквенный интервал: -5%
- Высота строки: 110%
Button SСтиль для кнопок меньшего размера, предназначенных для второстепенных действий или для размещения в компактных интерфейсных элементах. Button S подходит для действий "Отмена", "Подробнее" или для кнопок в навигационных элементах.
Параметры:
- Размер: 16px
- Шрифт: IBM Plex Sans
- Начертание: Medium
- Межбуквенный интервал: 5%
- Высота строки: 105%
MenuСтиль для пунктов навигационного меню. Моноширинный шрифт IBM Plex Mono обеспечивает четкость и лаконичность, что важно для элементов навигации. Подходит как для основных, так и для вторичных меню.
Параметры:
- Размер: 16px
- Шрифт: IBM Plex Mono
- Начертание: Regular
- Межбуквенный интервал: 5%
- Высота строки: 105%
CaptionСтиль для подписей к изображениям, таблицам или другим элементам интерфейса. Caption предназначен для небольшого сопроводительного текста, поясняющего визуальный контент. Должен быть читаемым, но не отвлекать от основного текста.
Параметры:
- Размер: 15px
- Шрифт: IBM Plex Sans
- Начертание: Regular
- Межбуквенный интервал: -2%
- Высота строки: 120%
TagСтиль для меток, тегов или лейблов. Моноширинный шрифт IBM Plex Mono помогает визуально отделить теги от основного контента и сделать их более заметными. Применяется для категоризации информации и выделения ключевых свойств элементов.
Параметры:
- Размер: 14px
- Шрифт: IBM Plex Mono
- Начертание: Regular
- Межбуквенный интервал: -2%
- Высота строки: 140%
BodyОсновной стиль для набора текста, контентных абзацев и больших блоков текста. Body обеспечивает хорошую читабельность и комфортное восприятие больших объемов информации. Шрифт IBM Plex Sans в начертании Regular хорошо подходит для основного текста.
Параметры:
- Размер: 16px
- Шрифт: IBM Plex Sans
- Начертание: Regular
- Межбуквенный интервал: -2%
- Высота строки: 120%