Визуальная система
Шрифты
Manrope: единая гарнитура RU/EN, 12 текстовых ролей, цифры, правила набора и файлы для веба и печати. Typography 1.0.
Библиотека шрифтов
Загружаем библиотеку шрифтов…
Manrope — гарнитура SkiMobile
Manrope — основной шрифт сайта, документов, рекламы и оформления сети. Геометричный гротеск поддерживает кириллицу и латиницу: обе локали используют одну гарнитуру и одинаковую иерархию. Короткий заголовок, спокойный текст и свободное поле передают заботу, ясность и уверенность бренда.
Рабочие начертания: 400 Regular — основной текст; 500 Medium — вторичные подписи; 600 SemiBold — интерфейс и подзаголовки; 700 Bold — заголовки и цены; 800 ExtraBold — короткое главное сообщение. Переменный мастер поддерживает 200–800; тонкие веса не применяются в условиях проката и мобильной навигации.
У Manrope нет курсивного начертания. Выделение строится на весе 600/700, структуре и акценте; искусственное наклонение и искусственное утолщение отключены. Моноширинный системный стек используется только для кода и технических токенов. Логотип состоит из векторных контуров и не пересобирается этим шрифтом.
Иерархия: роль задаёт размер
Шкала содержит 12 ролей: display, h1, h2, h3, h4, lead, body, body-small, ui, caption, price и code. Основной текст — 1rem (16 px при 100%), интерлиньяж 1,65. Компактный текст и подписи кнопок — 14 px; короткие метаданные — 12 px. Вводимый текст в полях — от 16 px.
Промозаголовок плавно меняется от 44 до 88 px; H1 — от 32 до 56 px, H2 — от 24 до 32 px, H3 — от 20 до 24 px. Размеры заданы в rem и clamp с rem + vw. Токены --type-ID-size, -weight, -leading и -tracking описывают одну роль; классы type-ID применяют её целиком.
На странице один смысловой H1; уровни H2–H4 следуют структуре, без пропусков ради визуального размера. Крупный стиль может применяться к абзацу в рекламной композиции, сохраняя корректную семантику. В соседних карточках используйте одинаковые роли и веса.
Правила набора RU/EN
Текст выравнивается влево; ориентир строки — 68ch, рабочий диапазон для статьи — 45–75 знаков. На узком экране строка сокращается естественно. Абзацы не выравниваются по ширине; условия, сообщения об ошибках и длинные заголовки не набираются прописными. Прописные допустимы в короткой надписи-метке.
RU: «ёлочки», вложенные „лапки“, тире — между частями фразы, короткое тире – в диапазоне 09:00–21:00. EN: “quotation marks” и ‘nested quotes’. Отрицательное значение использует математический минус −. Межбуквенный интервал задаётся стилем, без вручную вставленных пробелов.
Цена: 1 500 ₽ / сутки; английская версия: 1 500 ₽ / day. Валюта в обеих локалях — RUB. Неразрывный пробел U+00A0 связывает число и единицу: 148 см, 2 часа. В таблице сумм, размеров и времени применяйте tabular-nums; в обычной фразе — proportional-nums. Важные условия не прячутся в мелкую подпись.
Читаемость и увеличение
Настройки сайта предлагают 100%, 125% и 150%; выбор сохраняется для обеих локалей. Библиотека дополнительно показывает локальный образец 200%. Пользовательский масштаб браузера доступен всегда; текст и связанные размеры в rem увеличиваются вместе, колонки перестраиваются, длинные слова переносятся.
Проверка интервалов применяет строку 1,5, отступ после абзаца 2em, межбуквенный 0,12em и межсловный 0,16em. Эти значения проверяют способность интерфейса принять пользовательские стили; они не заменяют фирменную шкалу. Содержание и действия должны сохраняться без обрезки и перекрытия.
Основной и вторичный текст используют читаемые пары из раздела «Цвета». Значимую информацию не ослабляют прозрачностью. Не фиксируйте высоту текстового блока; резервируйте место с учётом переноса и языка. Текст на фотографии размещается на спокойной контрастной подложке.
Документы и печать
Для Word, презентаций и типовых редакторов установите статичные TTF: Regular, Medium, SemiBold, Bold и ExtraBold. В редакторах с поддержкой переменных шрифтов используйте TTF-мастер 200–800. На одном компьютере устанавливается один вариант семейства, чтобы избежать конфликтующих имён.
Стартовая шкала A4/A5: основной текст 10,5–11 pt с интерлиньяжем 15–16 pt; заголовок 22–28 pt; раздел 15–18 pt; подпись от 9 pt. На визитке сохраняйте читаемые контакты и проверяйте натуральный размер. Для вывески размер определяется дистанцией чтения и физической пробой, без переноса экранных px в миллиметры.
При экспорте PDF встраивайте шрифт. Для производства, которому нужны контуры, переводите текст в кривые в копии макета; сохраняйте редактируемый мастер. Перед отправкой проверяйте отсутствие подмены шрифта, знаки ₽ и Ё, переносы, поля и порядок страниц. Источник, лицензия и инструкция передаются вместе с файлами.
Подключение и единый источник
Сайт подключает один локальный WOFF2 через next/font/local: все символы исходника, кириллица и латиница, веса 200–800. Файл предварительно загружается; font-display: swap сохраняет доступ к тексту, а скорректированный запасной Arial уменьшает сдвиг при загрузке. Внешние запросы к сервису шрифтов не нужны.
Шкала хранится в shared/typography; генератор выпускает CSS, DTCG JSON, веб-файл, начертания и PDF. В JSON минимальный размер задаётся стандартным dimension-токеном, плавный CSS и максимум — веб-расширением. При обновлении реестра перегенерируйте комплект и проверяйте совпадение токенов и файлов; обычная сборка проверяет готовый выпуск.
Авторство, лицензия и передача
Manrope создан авторами проекта Manrope; гарнитура распространяется по SIL Open Font License 1.1. Коммерческий сайт, документы, печать и встраивание в PDF допускаются этой лицензией. Выбор Manrope для SkiMobile не делает шрифт эксклюзивной собственностью бренда.
При передаче файлов подрядчику сохраняйте авторство, OFL.txt и FONTLOG.txt. Шрифт не продаётся отдельно. В комплекте указан зафиксированный исходник Google Fonts и его контрольная сумма; WOFF2 и статичные TTF созданы из этого мастера без переработки рисунка букв. Системные запасные шрифты в комплект не включены.
Шрифт в шаблонах
Носители Applications 1.0 используют Manrope: заголовки 800, основной текст 400–500, подписи 600–700. В SVG шрифт встроен для браузера; в векторном редакторе установите TTF из Typography 1.0. Для передачи в печать встройте шрифт в итоговый PDF или переведите готовый текст в контуры, сохранив редактируемый исходник.
При длинном имени увеличьте высоту блока или используйте две строки. Не сжимайте буквы и не уменьшайте важные условия ниже минимального размера. Системный стек применяется только как резерв при невозможности использовать фирменную гарнитуру.