Знак и пропорции исходного логотипа сохранены. Охранное поле — не меньше половины высоты знака. На светлом фоне используется петролевый контейнер; монохромная версия — для тёмных носителей. Логотипы организаторов располагаются отдельной группой через разделитель.
Бирюза — характер. Петроль — глубина.
Brand / 50#EFFAFA Светлая поверхность
Brand / 200#ADE8E6 Подложка, выделение
Brand / 400#25BFC5 Декоративный акцент
Brand / 500#00ACB7 Основной бренд
Brand / 700#006B72 Ссылки на светлом
Petrol / 950#082F32 Текст, тёмные секции
Orange / 50#FFF4E9 Акцентная подложка
Orange / 300#FFA15A Акцент
Orange / 500#FF7000 Главное действие
Neutral / 50#F4F5F1 Основной фон
Neutral / 200#D6DFDA Линии, границы
Neutral / 500#557073 Вторичный текст
Полные шкалы 50–950 и семантические алиасы — в tokens.css. Оранжевый используется для одного главного действия на экран. Белый текст на оранжевом не применяется.
Смысловые цвета и статусы
Подтверждена
Успех --color-success
На модерации
Предупреждение --color-warning
Отклонена
Ошибка --color-error
Отправлена
Информация --color-info
Разрешённые пары для текста
Текст / фон
Назначение
Контраст
#082F32 / #F4F5F1
Основной текст
13.11:1 · AA
#FFFFFF / #082F32
Тёмные секции
14.35:1 · AA
#006B72 / #FFFFFF
Ссылки
6.28:1 · AA
#082F32 / #FF7000
Primary CTA
5.17:1 · AA
#557073 / #F4F5F1
Подписи
4.85:1 · AA
02 / Голос форума
Unbounded + Manrope · Noto Sans Arabic · Noto Sans SC
Все гарнитуры подключены локально с font-display: swap. Unbounded задаёт характер заголовков; Manrope сохраняет читаемость интерфейса. Для арабского и китайского используются отдельные шкалы и межстрочные интервалы.
Display 40–80 / 1.12 · 500
Открыть Кавказ.
H1 32–60 / 1.2 · 500
Место для диалога
H2 26–42 / 1.25 · 500
Показать свой продукт
H3 20–28 / 1.35 · 500
Новые маршруты и связи
H4 18–21 / 1.4 · 500
Гостеприимство в деталях
Лид 18–22 / 1.6 · 400
Регион показывает продукт, рынок его покупает.
Текст 16 / 1.65 · 400
Деловая программа, встречи с партнёрами и знакомство с Чечнёй. Текст остаётся удобным для чтения при увеличении масштаба.
В исходных Unbounded и Manrope нет U+04C0 и U+04CF. В стеке предусмотрен локальный Noto Sans с обоими символами. Пример: Нохчийн Республика · Ӏ · ӏ. Капс применяется только в кириллице и латинице. Для локализаций оставлен запас длины текста +30%.
03 / Порядок и пространство
12 колонок · 1440 / 1024 / 768 / 375
123456789101112
Контейнер
Максимум 1296 px. На 1440 — поля 72 px. На планшете — 32 px, на мобильном — 20 px. Промежуток колонок 24 px.
--container / --grid-gap
Вертикальный ритм
Секции 64–112 px. Базовый шаг 4 px; плотные связи — 8/12, карточки — 24/32, группы — 48/64.
--space-1 … --space-32
Устойчивый контент
Высота карточки — по содержимому. 1–N элементов. Длинные заголовки переносятся; пустые медиа заменяются осмысленным состоянием.
minmax(0, 1fr)
Отступы
8 · 16 · 24 · 32 · 48 px
Радиусы
4
8
16
4 — управление · 8/16 — контейнеры · 999 — чипы
Тени
Small
Modal
На основном контенте достаточно тонкой границы. Тень — для плавающих слоёв.
Иконки и направление
→←+×◷♙↗↓
Базовая иконка 20–24 px, штрих 1.5 px, область нажатия ≥44 px. В RTL зеркалируются направленные стрелки, таймлайн и карусель. Логотипы, часы, QR и значки медиа сохраняют направление.
Движение
Hover — 140 мс; смена состояния — 240 мс; появление секции — 650 мс. Счётчик не меняет ширину. Карусель управляется кнопками. В prefers-reduced-motion анимации отключаются.
Орнамент работает как тихий второй слой: 6–12% непрозрачности, только в крупных цветовых полях. Он не пересекает мелкий текст.
Фотографии — реальный продукт
Кадрирование 16:9 / 3:2. Архитектуру и лица не обрезаем по смысловым точкам.
Место больших встреч
Под текстом — петролевый оверлей 70–90%; контраст проверяется на самом светлом участке.
Редактор добавит [дату], [время] и [место встречи].
Большой таймер
[N]Дней
[N]Часов
[N]Минут
Реальное время до 8 декабря 2026 рассчитывается на главной; здесь показана анатомия.
Мини-таймер
[N]Дней
[N]Часов
[N]Минут
После события заменяется статусом «Форум завершён». Следующая дата не выдумывается.
07 / Люди и места
Галерея · плеер · карусель · цитата
Как это было
Архив III форума · 2024
Встречи в деталях
Реальные фотографии из архива
RuTube embed · [ID ролика]
Плеер загружается по действию пользователя. Свой файл — с controls, poster, preload="none". Автозапуск со звуком не используется.
«Амбициозность проекта Воркшоп «Открытый Кавказ» позволила ему стать одной из ключевых площадок региона, стимулирующей рост и развитие туризма в СКФО, а также источником самых передовых знаний и практик индустрии туризма».
Муслим Байтазиев Министр Чеченской Республики по туризму
Муслим БайтазиевМинистр Чеченской Республики по туризму
Цитата и подпись взяты из задания. Фотографии не подменяются сгенерированными портретами.
08 / Сервис без препятствий
Формы · карта · FAQ · пустые состояния
Ошибка / disabled / success
Данные профиля проверены. Образец успешного состояния.
Не удалось выполнить действие. [Причина] · Повторить
Как добраться
The Local Hotels Grozny проспект Мохаммеда Али, 53/25
Образец карты · [координаты] · схема не для навигации
Аэропорт Грозного · Минеральные Воды с трансфером. Подробности маршрута добавляются редактором.
Схема площадки
[Главный зал]
[B2B-зона]
[Регистрация]
Схема — шаблон компонента. План и доступные входы уточняются организатором.
FAQ
Где проходит форум?
8 декабря 2026 года, The Local Hotels Grozny, Грозный, проспект Мохаммеда Али, 53/25.
Как назначить B2B-встречу?
Заполните профиль, откройте каталог участников и выберите доступный слот. Образец интерфейса доступен в кабинете.
Где получить электронный бейдж?
После подтверждения заявки бейдж появится в личном кабинете. В прототипе используются демонстрационные данные.
∅
Пока нет встреч
Заполните профиль, чтобы получить рекомендации и найти партнёров.
Обложка, описание, этапы, положение. Голосование: алфавит, поиск, кандидат, [N] голосов, [%], подтверждение и правила. Исторические даты сохранены; состояние «идёт» явно обозначено как демонстрация.
RTL использует логические отступы, зеркальную структуру и направленные стрелки. Полные образцы: арабский / китайский. Переключатель пяти языков сохраняется в мобильном меню.
Это библиотека макетов и интерактивных состояний. Производственные заявки, голоса, письма и бронирования не отправляются. Неизвестные данные показаны в квадратных скобках.
