Типографика

Типографика внутренних страниц

Единая шкала заголовков и текста для всех внутренних страниц — доставка, оплата, возврат, документы. Размеры выведены из модульной шкалы, а не подобраны на глаз, чтобы заголовки не «прыгали» из блока в блок.

Модульная шкала ×1.25

Все размеры выведены от базы 16 px через единый коэффициент 1.25 (major third): 17 · 21 · 27 · 33 · 42 · 52. Это даёт гармоничные пропорции между уровнями.

База 17 px

Размер основного текста — 17 px (внутренние страницы — текстоёмкие, поэтому крупнее главной). Это веб-стандарт и порог iOS: при меньшем размере Safari автоматически зумит страницу на фокусе поля ввода.

Межстрочный — обратно размеру

Чем крупнее текст, тем плотнее строки. Заголовок — 1.05–1.15, основной текст — 1.6. Это сохраняет читаемость на всех уровнях.

Длина строки 60–75 знаков

Оптимум читаемости. Поэтому у lead и основного текста стоит ограничение ширины в ch — строка не растягивается на весь экран.

Адаптив через clamp()

Каждый заголовок задан как clamp(min, vw, max) — плавно масштабируется между мобайлом и десктопом, без резких скачков на брейкпоинтах.

Доступность (WCAG)

Текст не меньше 16 px, контраст уровня AA: тёмно-серый #393434 на белом вместо чистого чёрного — мягче для глаз.

Каталог

Покупателю

Компания

Контакты