V1 / ОСНОВА — V2, ВЫПУСК V8
Одна основа для главной, каталога и страниц работ: Manrope, белый фон, синий акцент и определённые роли текста.
Это справочник текущего оформления. Образцы ниже используют сохранённые стили сайта; сама публикация справочника не меняет страницы портфолио.
Fashion, beauty and travel.
Aa Bb Cc Dd / 0123456789
Один шрифт, загруженный локально. Файл содержит латиницу для англоязычного сайта. Кириллицы в нём нет: русский текст этого справочника использует Arial или системный sans-serif. Они также служат запасным вариантом при ошибке загрузки. Новые шрифты или жирные начертания не добавляются как побочный эффект правки. В старых аналитических примечаниях остаются четыре выделения strong: браузер может синтезировать для них более жирное начертание; отдельного файла 700 нет.
Размер определяется назначением текста. Имя, название серии, описание и дата не должны быть одинаковыми. Значения 13 / 14 / 16 px — базовые роли; крупные заголовки плавно меняются с шириной экрана.
| Роль | Размер / высота строки | Источник | Применение |
|---|---|---|---|
| Основной текст | 16 px / 1.6 | --type-body | Описания, пояснения, вступления |
| Ссылки и интерфейс | 14 px / 1.5–1.6 | --type-ui | Навигация, рубрики, подписи показателей |
| Служебные подписи | 13 px / 1.5 | --type-meta | Даты, источники, подписи фото |
| Заголовок раздела | 33–48 px / 1.13 | --type-section | Одна роль на главной и в каталоге |
| Название видео | 26–30 px / 1.25 | --type-card | Заголовки карточек видео |
| Крупные показатели | 64–118 px; ≤700: 51–64 px | .metrics strong | Акцентные цифры в синем блоке |
| Контактный заголовок | 50–96 px; ≤700: 47–61 px | .contact h2 | Отдельный крупный завершающий блок |
| Имя на главной | 105–184 px; ≤700: 88–160 px | h1 в site.css | Крупная композиция титульного блока |
| Заголовок каталога | 48–90 px; ≤700: 44–66 px | .work-intro h1 | Формулы адаптируются к ширине окна |
| Заголовок работы | 42–80 px / 1.05 | .portfolio-page h1 | Отдельная роль для длинных названий серий |
| Серия в каталоге | 24–32 px; ≤700: 28 px | .series-card-copy strong | Название серии под фотографией |
| Бренд в дополнительной истории | 22 px | .self-row h3 | Одинаковый размер; высота строки может различаться |
| Переход к следующей работе | 22–34 px / 1.2 | .project-next strong | Навигация внутри портфолио |
| Просмотр фотографий | Подпись 15 / 14 px; кнопки 14 / 13 px | gallery.css | Desktop / mobile, существующий viewer |
Диапазоны — пределы CSS clamp, а не требование растянуть текст до максимума. Формулы и фактические размеры видны в образцах ниже. Значения rem указаны для стандартного корневого размера 16 px.
Синий обозначает акцент, ссылки и ключевые цифры. Серый — второстепенный текст; линии отделяют блоки. Дополнительные светлые фоны и белый текст остаются внутри существующих компонентов. В каталоге сохранён прежний оттенок второстепенного текста #5c626d; он отличается от #606571 на главной и страницах работ.
clamp(22px, 4vw, 70px). Текст не касается края экрана.Одиночные фотографии могут использовать более узкую композицию. Это вложенный компонент, а не другой внешний контейнер. Paula сохраняет согласованное исключение и не меняется автоматически.
Раскройте нужный тип страницы. Под образцом показаны вычисленные браузером размеры. При изменении ширины окна образец адаптируется теми же CSS-правилами, что сайт. Это сохранённая основа V8; проверка в исходниках отслеживает последующие расхождения.
site.css → refinement.css → gallery.css → entry-v4.css → layout-v8.css
work-history/style.css → refinement.css → gallery.css → entry-v4.css → work-index-v7.css → layout-v8.css
site.css → refinement.css → gallery.css → portfolio.css
Система уже распределена между базовыми и уточняющими CSS-файлами. Сейчас они зафиксированы, а не переписаны в один файл: такая переработка не нужна для справочника и могла бы изменить принятый вид. Агентам оставлены указатель, правила и проверка совпадения стилей.
V7: уменьшены заголовок каталога и названия серий под фото. Семейство Manrope осталось прежним; типографика главной и внутренних работ в этом выпуске не менялась.
V8: исправлены ширина каталога и рамки фотографий. Шрифтовых изменений не было. Последующий полный аудит был проверкой без редактирования сайта.
Дизайн-система V1: текущая основа документирована и сохранена. В основной версии сайта есть более ранние размеры подписи и навигации: она отдельно сохранена по решению пользователя и не объявляется побайтово одинаковой с V2.
Служебная страница исключена из поисковой индексации, но открывается по ссылке без пароля.