Финальная дизайн-система КП
Визуальная концепция

Спокойствие Алтая. Медийная сила бренда.

Этот визуальный код нужен, чтобы страница сразу ощущалась не как сайт подрядчика, а как вход в состояние Алтая: простор, тишина, масштаб, дорогой природный отдых. Мы показываем клиенту, что умеем упаковывать не только услуги, но и атмосферу места.

Природа — главный экран

Интерфейс не должен спорить с кадром. Он только направляет внимание и помогает считывать ценность.

01 · Что это за блок

Философия визуального кода

В этом блоке фиксируем главный принцип: мы не делаем “красивый сайт про Алтай”. Мы создаем визуальный язык для продажи туристического объекта как бренда. Поэтому каждый элемент должен работать на ощущение ценности: крупный кадр, спокойный фон, мягкий свет, уверенный текст и отсутствие визуальной суеты.

Принцип

Алтай не нужно украшать

Природа уже сильная. Наша задача — не добавлять лишний декор, а дать ей пространство и правильную рамку.

Принцип

Дорогой отдых начинается с состояния

Гость платит не только за номер, а за тишину, перезагрузку, свободу от города и ощущение другого масштаба жизни.

Принцип

Контент объясняет цену

Если объект выглядит слабо, он конкурирует ценой. Если выглядит как бренд, высокая стоимость становится понятнее.

02 · Что это за блок

Цветовая система

Цвета выбраны не ради красоты, а ради состояния. Темный графит дает глубину и премиальность. Кремовый добавляет тепло и спокойствие. Зеленый связывает страницу с природой. Каменный серый создает ощущение утреннего воздуха и горной породы. В кнопках используем только читаемые сочетания.

Graphite black #0A0F12 · основной фон
Deep forest #11181D · секции и карточки
Altai green #2F5D50 · природный акцент
Soft cream #EFE1C6 · главная кнопка
Warm sand #D8C29D · теплый акцент
Morning stone #A7AAA4 · вторичный тон
03 · Что это за блок

Кнопки и состояния интерфейса

Кнопки должны быть спокойными, дорогими и абсолютно читаемыми. Мы не используем цветной текст ради акцента, потому что он выглядит дешево и ломает премиальность. Основная кнопка светлая с темным текстом. Вторичная кнопка темная с белым текстом. Этого достаточно для чистой и дорогой страницы.

Правильные кнопки

Читаемо, спокойно, дорого

Состояния ниже — базовый стандарт для всей будущей страницы. Никакого кораллового или оранжевого текста.

Бейджи

Маркеры смысла, а не украшения

Бейджи помогают быстро понять контекст блока. Они должны быть маленькими, спокойными и не спорить с заголовком.

Luxury nature Altai media Content system
04 · Что это за блок

Фото, масштаб и воздух

Алтай нельзя продавать тесной версткой. Если человек живет среди бетона, экран должен дать ему противоположное ощущение: простор, воздух, горизонт, тишину. Поэтому фото на странице должны быть крупнее текста. Текст не перекрывает кадр, а работает как точная журнальная подпись.

Один экран — одно состояние

Простор, вода, горы, утро, вечер, дорога, уединение. Не показываем все сразу. Даем человеку почувствовать место.

05 · Что это за блок

Типографика и голос страницы

Текст должен быть уверенным, крупным и спокойным. Мы не говорим языком рекламного баннера. Мы говорим языком продюсерской команды, которая понимает туризм, восприятие, контент и деньги. Заголовки сильные, но на фото-экранах природа всегда важнее текста.

Люди платят за состояние

H1 и крупные смысловые заголовки: 72–88 px на десктопе, Manrope или Inter Tight, жирность 800, плотный интерлиньяж.

Фото-экрану нужно больше воздуха

На природных кадрах текст занимает 20–35% экрана. Лучше одна точная фраза, чем большой абзац поверх красивого места.

06 · Что это за блок

Glow и свет

Glow используем не как эффект из digital-презентации, а как мягкий свет в воздухе: рассвет, дымка, отражение воды, тепло вечернего солнца. Он должен почти не считываться как отдельный элемент, но делать фон глубже. Чем спокойнее glow, тем дороже выглядит страница.

Фон

Большие размытые пятна

Размер 500–700 px, blur 70–100 px, opacity 0.08–0.24. Цвета: кремовый, зеленый, каменный.

Акценты

Не больше 1–2 на экран

Glow можно использовать на первом экране, в CTA и в одной сильной карточке. Не подсвечивать все подряд.

Запрет

Никакого неона

Кислотные цвета, яркие контуры, RGB и агрессивные лучи ломают образ спокойного премиального Алтая.

07 · Что это за блок

Композиция страницы

Лендинг должен дышать так же, как место, которое он продает. Мы строим его не как плотную презентацию услуг, а как маршрут: сначала состояние, потом проблема, затем решение, система, доказательства и приглашение к диалогу. Один экран — одна мысль.

Ритм

Большой кадр → смысл → карточки

Чередуем атмосферные экраны и структурные блоки, чтобы не перегружать восприятие.

Воздух

Отступы 90–120 px

Большие отступы не пустота. Это способ передать спокойствие, статус и отсутствие суеты.

Фокус

Один экран — одна мысль

Не смешиваем проблему, тарифы, кейсы и CTA. Так страница выглядит дороже и читается легче.

08 · Что это за блок

Что можно и нельзя

Этот блок нужен как контроль качества для команды. Он защищает страницу от типовых ошибок: туристического шаблона, дешевых цветов, перегруженных сеток, лишних эффектов и ощущения “мы просто ведем соцсети”. Нам нужна медийная упаковка природного премиального опыта.

Можно

  • Большие фото природы с минимумом текста
  • Темный спокойный фон
  • Кремовые, песочные и зеленые акценты
  • Мягкий glow как рассветная дымка
  • Крупная журнальная типографика
  • Стеклянные карточки, но умеренно
  • Смыслы про состояние, перезагрузку и влияние поездки

Нельзя

  • Оранжевый или коралловый текст на кнопках
  • Дешевый зеленый туристический стиль
  • Деревянные текстуры и крафтовые фоны
  • Много мелких фото в одной сетке
  • Кричащие CTA на каждом экране
  • Неоновые glow-эффекты
  • Перекрывать природу огромными абзацами
09 · Что это за блок

Итоговый принцип

Финальный критерий простой: владелец отеля, базы или глэмпинга должен открыть страницу и подумать: “Если они так упаковали свое предложение, они смогут так же упаковать мой объект”. Поэтому дизайн-код должен сам быть доказательством нашей компетенции.

Фон

Глубокий и спокойный

Фон не шумит, а создает объем. Он дает ощущение дорогой презентации и природной глубины.

Визуал

Фото как главный аргумент

Мы продаем простор и состояние. Поэтому кадры должны быть крупными, спокойными и сильными.

Смысл

Путешествие как изменение

Контент должен показывать, как поездка влияет на человека, а не просто какие есть номера и услуги.