базовый принцип
Сначала реальная среда. Потом эстетика.
Изображение должно помогать понять, где находится объект, как работает окружение, какой сценарий использования возможен и почему это может быть интересно для клиента.
Брендбук · рабочая версия 3.4
Логотип и правила применения
Рабочая HTML-версия брендбука Скаут Девелопмент. Основана на утвержденном PNG-лого-паке, согласованной структуре с верхним меню, рабочей цветовой системе, базовой типографике, графическим элементам, фото-стилю, правилам контента, веб-процессу и библиотеке компонентов сайта: единообразие блоков, корректные форматы изображений, скорость загрузки и стабильная сборка новых страниц.
Задача раздела
Зафиксировать, какие версии логотипа используются, в каких случаях и какие ограничения важно соблюдать.
Принцип применения
Логотип усиливает материал, но не перетягивает внимание с объекта, локации, аналитики или смысла публикации.
Основная горизонтальная версия для обложки брендбука, презентаций, заставок и титульных экранов.
01 · Смысл знака
Логотип как навигационный символ бренда
Логотип отражает роль Скаут Девелопмент как навигатора по рынку недвижимости. Бренд помогает находить объекты, в которых есть понятная логика для инвестиций, жизни, бизнеса, использования или сохранения капитала.
Основной знак
Круглая форма, металлический контур, навигационная сетка, монограмма «СД», изумрудная точка и нижнее свечение формируют визуальный код точности, поиска и профессионального отбора.
Монограмма «СД»
Фиксирует имя бренда и работает как самостоятельный знак в соцсетях, презентациях и интерфейсах.
Навигационная сетка
Отсылает к карте, координатам, анализу локации и поиску точки входа.
Изумрудная точка
Символизирует найденную возможность: объект, локацию или сценарий, на который стоит обратить внимание.
Металлический контур
Подчеркивает устойчивость, точность и собранность визуального образа.
02 · Утвержденный пакет
Состав лого-пака
В текущий пакет входят 6 утвержденных растровых PNG-версий. Векторные SVG, AI, EPS или PDF в составе пакета отсутствуют, это фиксируется как отдельный будущий этап.
Черный знак
Основная знаковая версия для Telegram-аватара, иконки бренда, заставок, темных карточек и интерфейсов.
1024×1024 pxосновной знак
Черный горизонтальный
Основная версия, когда важно сразу прочитать полное название бренда: обложки, шапки, презентации.
2172×724 pxглавный lockup
Серый горизонтальный
Более спокойная горизонтальная версия для нейтральной подачи, подвалов, колонтитулов и вторичных страниц.
2172×724 pxнейтральная
Светлый знак
Версия для белых, светло-серых и нейтральных фонов. Не используется на пестрых фото без подложки.
1254×1254 pxсветлый фон
Серый монохромный
Строгая версия для технических документов, черно-белой печати, приложений и регламентов.
1254×1254 pxтехническая
Черный монохромный
Монохромная версия для темных носителей, где фирменный изумрудный акцент может отвлекать от содержания.
1254×1254 pxмонохром
03 · Правила выбора
Как выбирать версию логотипа
Версия логотипа выбирается по носителю, фону и роли бренда в материале. В большинстве соцсетевых материалов логотип не должен доминировать над объектом или аналитикой.
| Ситуация | Рекомендуемая версия | Комментарий |
|---|---|---|
| Telegram-аватар | Черный круглый знак | Главный знак бренда, хорошо работает в круглом аватаре. |
| Обложка Telegram-поста | Круглый знак или черный горизонтальный | Использовать аккуратно, если нужна брендовая маркировка. |
| Сторис, первый кадр | Горизонтальная версия или круглый знак | На следующих кадрах можно работать через цвет, точку и типографику. |
| Reels / Shorts | Стартовый или финальный экран | Постоянный знак на видео допустим только в минимальном размере. |
| Презентация на темном фоне | Черный горизонтальный | Основной вариант для титула и финального слайда. |
| Светлый документ | Светлый знак или серый горизонтальный | Нужно сохранять читаемость и не утяжелять страницу. |
| Технические документы | Серый или черный монохромный | Подходит для строгих материалов без имиджевого акцента. |
04 · Соцсети
Логотип в публикациях
В соцсетях логотип работает как знак доверия, а не как рекламный штамп. Если визуал уже выполнен в фирменной системе, логотип не обязателен на каждом изображении.
Telegram
Аватар: круглый знак. В обложках логотип использовать в малом размере или на финальной карточке.
Сторис
Лучше ставить в первом или последнем кадре серии, в кадре с CTA, QR-кодом или ссылкой.
Reels
Использовать на стартовом или финальном экране. Не перегружать кадр постоянным крупным знаком.
Объекты
Главное внимание остается на недвижимости, локации, цифрах и сценарии использования.
05 · Размеры и поле
Охранное поле и минимальные размеры
Охранное поле сохраняет статусность и читаемость. Рабочее правило: свободное пространство вокруг логотипа не меньше 10% от ширины круглого знака.
Охранное поле
Если знак используется размером 200 px, свободное поле вокруг него должно быть не менее 20 px. Для горизонтальной версии поле рассчитывается от высоты круглого знака.
Минимальные размеры
Круглый знак в интерфейсе40×40 px
Комфортный размер знакаот 64×64 px
Telegram-аватарот 512×512 px
Обложка постаот 80×80 px
Сторисот 120×120 px
Горизонтальная версияот 56 px по высоте знака
06 · Ограничения
Что нельзя делать с логотипом
Запреты нужны, чтобы логотип не превращался в декоративную наклейку и не терял ощущение точности, экспертности и аккуратного выбора.
Можно
- использовать утвержденные версии по назначению;
- размещать на темных, графитовых и спокойных светлых фонах;
- оставлять вокруг логотипа воздух;
- применять логотип не на каждом кадре, если стиль уже считывается.
Нельзя
- растягивать, поворачивать, обрезать или перекрашивать знак;
- менять изумрудный акцент на другой цвет;
- ставить логотип на пестрое фото без затемнения;
- добавлять золото, красное свечение, рамки, новые тени или эффекты;
- накладывать поверх логотипа текст или QR-код.
Что пока отсутствует в пакете
SVG, AI, EPS, PDF-вектор, favicon 16×16 / 32×32 / 64×64, отдельная упрощенная версия для малых размеров и прозрачные PNG-версии, если они потребуются для сложных макетов. Это не мешает использовать текущий лого-пак в соцсетях, HTML, презентациях и публикациях.
07 · Цветовая система
Темный графит, металл и изумрудная точка
Палитра сформирована на основе утвержденного PNG-лого-пака и текущей HTML-сетки. Это рабочая цифровая палитра для соцсетей, презентаций и брендбука. При появлении векторных исходников цвета можно уточнить, но базовая логика уже фиксируется.
Основной фон
#050708
Базовый темный графит для брендбука, обложек, сторис и титульных экранов.
Глубокий графит
#080B0C
Внутренняя глубина знака, фон карточек, темные подложки и навигационные зоны.
Изумрудный акцент
#00D2AA
Главная точка внимания: маркеры, активные состояния, микроакценты и CTA.
Темный изумруд
#034635
Глубокие градиенты, нижнее свечение, затемненные акцентные зоны.
Светлый металл
#E2E4E7
Основной светлый тон монограммы, заголовков и важных текстовых элементов.
Металлический серый
#585D61
Контуры, вторичная графика, линии, сетки, вспомогательные подписи.
Мягкий текст
#C7D2D0
Основной текст на темном фоне. Не спорит с заголовками и акцентами.
Светлая бумага
#EFF2EF
Светлые страницы, документы, технические блоки и фоны для светлой версии знака.
Основная комбинация
Темный фон + изумруд + светлый металл
Главный визуальный код бренда. Подходит для обложек, аналитических карточек, сторис, презентаций и HTML-разделов.
Светлая комбинация
Светлый фон + графит + изумрудный маркер
Используется в документах, таблицах, технических страницах и случаях, где темная подача выглядит слишком тяжелой.
Правило акцента
Изумрудный цвет используется дозированно: точка, линия, активная кнопка, выделение важной цифры или статуса. Он не должен заливать большие площади без необходимости.
Правило фона
Основная среда бренда - темная и спокойная. Фото и визуалы лучше приводить к графитовой тональности через затемнение, чтобы текст, логотип и цифры читались уверенно.
Соцсети
Темный графит как база, изумрудная точка как микроакцент, светлый металл для заголовков и крупных цифр.
Аналитика
Смысловые цвета использовать аккуратно: предупреждения и риски допустимы, но не должны становиться частью фирменной палитры.
Документы
Для светлых документов использовать бумажный фон, графитовый текст и ограниченный изумрудный акцент.
Не использовать как фирменные
- золото как основной премиальный цвет;
- яркий красный, синий, фиолетовый или желтый в роли брендового акцента;
- многоцветные неоновые градиенты;
- теплый бежевый luxury-стиль как базовую среду бренда.
Рабочий статус палитры
HEX-коды зафиксированы как рабочая цифровая система. Они получены из текущего визуального направления и утвержденных PNG-версий, но не являются результатом официальной векторной спецификации. Для соцсетей и HTML этого достаточно, для печати потребуется отдельная CMYK-адаптация.
08 · Типографика
Крупный редакционный заголовок и спокойный аналитический текст
Типографика Скаут Девелопмент должна поддерживать ощущение навигации, отбора и профессионального анализа. Заголовки работают как сильные смысловые входы, основной текст остается спокойным, читаемым и не спорит с объектами, цифрами и визуалами.
Основной принцип
Недвижимость с понятной логикой
Шрифт не должен выглядеть рекламно или декоративно. Он помогает быстро считать смысл: объект, локацию, сценарий использования, инвестиционную идею и ограничения.
Шрифтовая пара
В рабочей HTML-версии используется системная шрифтовая пара. Это надежный вариант для браузера и офлайн-файла без подключения внешних шрифтов.
ЗаголовкиGeorgia, Times New Roman, serif
ТекстInter, Segoe UI, Arial, system sans-serif
ЦифрыОсновной sans-serif, при необходимости с табличными цифрами
АкцентыВерхний регистр, увеличенный трекинг, изумрудный цвет
Роли шрифтов
- Заголовочный serif используется для крупных смысловых входов и титульных блоков.
- Sans-serif используется для пояснений, таблиц, карточек, навигации и интерфейсных элементов.
- Цифры должны быть чистыми, хорошо читаемыми и не перегруженными декоративными эффектами.
- Капс используется только для коротких служебных меток: раздел, статус, формат, версия.
Характер набора
- Заголовки короткие, уверенные, без рекламного давления.
- Абзацы не растягиваются на всю ширину экрана, комфортная длина строки 60-85 знаков.
- В одном блоке не смешивается больше двух шрифтовых логик.
- Текстовые акценты делаются размером, воздухом и изумрудной точкой, а не лишними эффектами.
Шкала размеров для HTML-брендбука
H1 / Cover
Логотип и правила применения
72-112 px
H2 / Section
Цветовая система
44-62 px
H3 / Card
Основной знак
24-30 px
Body
Спокойный аналитический текст для пояснений, правил и описаний.
16-18 px
Caption
08 · Типографика
12-13 px
Типографика для соцсетей
Для соцсетей важно сохранять тот же характер, но делать текст крупнее и короче. Один кадр не должен превращаться в документ. Сначала считывается смысл, затем цифра или действие.
Можно
Использовать крупные короткие заголовки, спокойные пояснения, четкие цифры, аккуратные метки и достаточный воздух между смысловыми уровнями.
Нельзя
Использовать декоративные рукописные шрифты, чрезмерный капс, обводки, кислотные тени, много начертаний и мелкий текст поверх сложных фотографий.
09 · Графические элементы
Точка, линия, сетка и темная подложка как язык навигации
Графика Скаут Девелопмент должна помогать считывать смысл: где объект, где локация, где цифра, где действие. Элементы не должны превращаться в украшение. Их задача - вести взгляд и поддерживать ощущение точного отбора.
Графика работает как навигационный слой
точкалиниясеткаплашка
Основной принцип
Каждый элемент должен объяснять, а не просто украшать.
Изумрудная точка фиксирует найденную возможность. Линия направляет взгляд. Сетка создает ощущение карты и анализа. Темная подложка защищает читаемость текста на фото. В одном макете используется не больше двух-трех активных графических приемов.
Изумрудная точка
Главный микроакцент бренда. Используется перед важным тезисом, в CTA, на картах, в сторис и карточках объектов.
символ найденной точки
Тонкая линия
Помогает отделять смысловые блоки, вести взгляд и связывать цифры с пояснением. Не должна выглядеть как рамка объявления.
направление взгляда
Навигационная сетка
Поддерживает ассоциацию с картой, радаром, поиском локации и аналитикой. Используется с низкой контрастностью.
карта и анализ
Темная плашка
Используется только для читаемости. Плашка должна быть мягкой, полупрозрачной, без грубых рамок и лишнего декора.
читаемость текста
Затемнение фото
Нужное затемнение помогает разместить заголовок на изображении и не разрушает сам объект или городскую среду.
фото + текст
CTA-блок
Призыв к действию оформляется спокойно: без агрессии, без красных кнопок, без обещаний гарантированной доходности.
следующий шаг
Иконографика
Иконки используются как навигационные маркеры, а не как иллюстрации
В публикациях Скаут Девелопмент иконки помогают быстро считать параметры объекта, локации, бюджета, сценария и риска. Они должны быть спокойными, линейными и единообразными.
тонкая линиябез 3Dбез emojiизумруд только как акцентодинаковая толщина
⌖
Локацияадрес, район, точка входа, карта□
Площадьметраж, формат, габарит объекта₽
Бюджетцена, диапазон входа, чек сделки↗
Потенциалрост, поток, улучшение сценария!
Рискограничение, условие, слабое место◌
Сценарийжизнь, бизнес, аренда, сохранение капитала◷
Срокгоризонт владения, этап, период≈
Ликвидностьспрос, оборот, возможность выходаИконки можно использовать
- В строках параметров объекта.
- В карточках “кому подходит”.
- В сравнительных таблицах и подборках.
- В сторис, если нужно быстро показать смысл кадра.
Иконки нельзя использовать
- Как декоративный набор без смысловой функции.
- В разных стилях внутри одной публикации.
- В виде цветных emoji, мультяшных или 3D-пиктограмм.
- Слишком крупно, если иконка начинает спорить с текстом или объектом.
объект с потенциалом
Локация, в которой уже есть поток
70-1500 м²площади под разные сценарии использования
60-600+ млн ₽диапазон входа зависит от объекта и локации
Как это работает в макете
Публикация строится из 4 слоев
Фон задает контекст. Затемнение защищает читаемость. Изумрудная точка фиксирует главный тезис. Цифры показываются крупно, но без рекламной агрессии.
Это не финальный шаблон поста, а демонстрация графической системы. Полные визуальные примеры публикаций будут собраны в отдельном разделе «Соцсети и публикации».
Финальный блок публикации
В конце поста используем спокойный призыв к действию, ссылку на сайт и краткую подпись бренда. Telegram и MAX остаются дополнительными каналами, но основной публичный переход теперь ведет на сайт.
обычный пост / подборка
аналитический пост / объект
Запросить предварительный анализ:
scoutdevelopment.ru
Скаут Девелопмент
Недвижимость с понятной логикой.
scoutdevelopment.ru
Скаут Девелопмент
Недвижимость с понятной логикой.
Основной переход ведет на сайт. Для деловой переписки и заявок можно добавлять почту info@scoutdevelopment.ru. Telegram и MAX используются как дополнительные каналы присутствия.
Можно
- Использовать одну изумрудную точку как смысловой маркер.
- Делать тонкие линии вместо тяжелых рамок.
- Затемнять фото мягким градиентом.
- Оставлять много свободного пространства вокруг текста.
- Применять сетку как едва заметный навигационный слой.
Нельзя
- Перегружать макет точками, линиями и плашками одновременно.
- Делать яркие рекламные кнопки небрендовых цветов.
- Закрывать объект недвижимости декоративной графикой.
- Использовать грубые рамки вокруг цифр и заголовков.
- Превращать сетку в активный фон, который спорит с текстом.
10 · Фото-стиль
Фото должно показывать контекст, объект и сценарий, а не просто красивую картинку
Фотографии в материалах Скаут Девелопмент работают как доказательство среды: локации, объекта, потока, качества пространства и возможного сценария использования. Фото не должно уводить бренд в случайный lifestyle, стоки или рекламную картинку без смысла.
Главное требование
Фото должно быть связано с содержанием публикации
Если пост про локацию, показываем городскую среду и поток. Если про объект, показываем объект и его контекст. Если про аналитику, фото не должно спорить с цифрами и выводом.
Обработка
Светлее, спокойнее, чище
Допустимы мягкое выравнивание экспозиции, естественный контраст, дневной или мягкий золотистый свет, а также изумрудный акцент через графику. Нельзя делать кислотную цветокоррекцию, чрезмерный HDR и глянцевую рекламную ретушь.
Архитектура
Фасады, входные группы, объем здания, детали среды. Важно сохранять геометрию и не искажать объект.
Городская среда
Улица, трафик, окружение, соседние функции, транспортная доступность, поток людей и автомобилей.
Интерьеры
Планировочная логика, свет, объем, состояние, потенциал использования. Без чрезмерной постановочности.
Детали объекта
Материалы, вход, витрина, вид, инженерные или пространственные особенности, которые помогают раскрыть сценарий.
Зарубежные объекты
Показываем не только красивый вид, но и контекст: район, инфраструктуру, тип владения, сценарий жизни или дохода.
Не используем
Случайные стоки, пестрые коллажи, изображения без связи с объектом, агрессивные рекламные фото и визуальный шум.
Можно
- Использовать реальные фото объектов, локаций, улиц, фасадов и интерьеров.
- Размещать текст на затемненной спокойной зоне изображения.
- Показывать среду шире самого объекта, если это помогает объяснить ценность.
- Оставлять много воздуха и не перекрывать важные детали.
- Подбирать фото под конкретный сценарий: инвестиции, жизнь, бизнес, сохранение капитала.
Нельзя
- Использовать фото только потому, что оно “красивое”.
- Ставить текст поверх главного объекта, вывески, лица, входа или важной архитектурной детали.
- Использовать кислотные фильтры, чрезмерный HDR, желтые и красные рекламные акценты.
- Смешивать в одной публикации фото разной цветовой температуры и разного уровня качества.
- Делать публикацию похожей на объявление классифайда или рекламный баннер застройщика.
11 · Видео-стиль
Видео должно показывать объект, среду и сценарий без рекламного шума
Видео в Скаут Девелопмент работает как расширение аналитики: показывает пространство, движение, окружение и ощущение места. Видео не должно быть клипом ради клипа, агрессивной продажей или случайной нарезкой красивых кадров.
Сначала понятный кадр. Потом движение.
Зритель должен быстро понять, что он видит: объект, локацию, входную группу, интерьер, улицу, поток или сценарий использования.
Кадр
Чистая композиция
Горизонт не завален, объект не обрезан случайно, важные зоны не перекрыты титрами.
Темп
Спокойный монтаж
Без клиповой дерготни, резких зумов, хаотичных переходов и эффектов ради эффекта.
Смысл
Один ролик - одна задача
Показать объект, объяснить локацию, раскрыть сценарий или дать аналитический вывод.
Финал
Спокойное действие
Финальный экран ведет к подборке, консультации, анализу или обсуждению сценария.
Форматы
Видео подготавливается под канал размещения, а не одним файлом “на все случаи”.
9:16Stories, Reels, Shorts. Главный вертикальный формат.
1:1Короткие карточки, обложки, компактные публикации.
16:9Презентации, лендинги, горизонтальные вставки.
Первый кадр
- Должен быть понятен без звука.
- Содержит сильный визуальный объект: фасад, улицу, интерьер, вид или карту локации.
- Титр короткий, крупный и читаемый.
- Не используем заставки, которые ничего не говорят о теме ролика.
Движение камеры
Допустимы медленный проход, плавный панорамный кадр, спокойное приближение, статичный кадр с движением среды.
- без резких дерганий;
- без агрессивных зумов;
- без случайной тряски;
- без эффекта “туристической съемки”.
Цвет и свет
Картинка должна быть светлой, живой и коммерчески привлекательной, но без кислотной обработки и рекламного HDR.
- естественный дневной свет;
- теплый вечерний свет допустим;
- чистые белые и нейтральные оттенки;
- без тяжелой мрачной обработки.
Титры
Титры работают как навигация по смыслу, а не как декоративная надпись.
- короткие фразы;
- один главный тезис на экран;
- достаточный контраст через тень или окантовку текста;
- без мелкого текста поверх сложного кадра.
Логотип и финальный экран
Логотип не должен постоянно висеть поверх объекта. Оптимально использовать его в начале или в конце ролика, либо в малом размере там, где он не мешает содержанию.
- стартовый экран: допустим при имиджевом ролике;
- финальный экран: логотип, короткое действие, контакт или ссылка;
- внутри ролика: только аккуратная малозаметная маркировка;
- не ставим логотип поверх входа, фасада, лица, карты или важной детали.
Не используем
- быстрые шаблонные переходы из CapCut в массовой стилистике;
- мигающие эффекты, вспышки, агрессивный неон;
- крики “успей купить”, “лучшая цена”, “только сегодня”;
- музыку, которая делает материал похожим на рекламу застройщика;
- хаотичную нарезку без сценария и вывода.
12 · Контент и структура текста
Текст должен вести к смыслу, а не имитировать продажу
Публикации Скаут Девелопмент строятся вокруг сценария: почему объект интересен, кому подходит, какие параметры важны и какие ограничения нужно учитывать. Текст должен быть коротким, структурным и проверяемым.
Один материал - одна главная мысль.
Визуал привлекает внимание, но решение принимает текст: он должен объяснить логику объекта, показать параметры и аккуратно привести к следующему шагу.
01
Сначала смыслЗаголовок сообщает, зачем читать публикацию: объект, локация, бюджет, сценарий или рыночный вывод.
02
Потом фактыЦифры, параметры и ограничения показываются отдельно, без перегруза и без неподтвержденных обещаний.
03
Затем интерпретацияОбъясняем, что эти факты значат для инвестора, покупателя, бизнеса или пользователя объекта.
04
В конце действиеCTA формулируется спокойно: запросить подборку, получить анализ, обсудить сценарий, уточнить объект.
Структура Telegram-поста
Telegram-пост должен быть удобен для быстрого чтения и не выглядеть как объявление.
- Короткий заголовок с главным смыслом.
- 1-2 строки контекста: что за объект, локация или рыночная ситуация.
- Параметры: бюджет, площадь, формат, статус, ключевой фактор.
- Вывод: почему объект или тема заслуживает внимания.
- Ограничения или риски, если они есть.
- Спокойный CTA без давления.
Структура сторис
Сторис работает как серия коротких смысловых кадров. Один кадр не должен решать все задачи сразу.
- Кадр 1: сильный тезис или вопрос.
- Кадр 2: факт, цифра или наблюдение.
- Кадр 3: почему это важно.
- Кадр 4: кому подходит сценарий.
- Финал: действие, ссылка или QR.
Карточка объекта
- Название или локация.
- Бюджет и площадь.
- Сценарий использования.
- Почему интересно.
- Ограничения.
Аналитическая публикация
- Наблюдение.
- Факт или цифра.
- Интерпретация.
- Вывод для клиента.
- Что проверить дальше.
Карточка “кому подходит”
- Инвестору.
- Для жизни.
- Для бизнеса.
- Для сохранения капитала.
- Кому не подходит.
Пример текстового каркаса
объект с понятной логикой
Локация, где поток уже сформирован
Коммерческое помещение рядом с устойчивым пешеходным трафиком. Сценарий подходит для аренды, собственного бизнеса или долгосрочного владения.
70-1500 м²форматы под разные задачи
60-600+ млн ₽диапазон входа по объектам
Запросить подборку · scoutdevelopment.ru
Тон текста
| Пишем | объект может быть интересен для определенного сценария |
| Не пишем | идеальная инвестиция, гарантированный рост, лучший объект на рынке |
| Пишем | что важно проверить перед решением |
| Не пишем | срочно покупайте, завтра будет дороже, шанс нельзя упустить |
Финальный блок публикации
В конце поста используем спокойный призыв к действию, ссылку на сайт и краткую подпись бренда. Telegram и MAX остаются дополнительными каналами, но основной публичный переход теперь ведет на сайт.
обычный пост / подборка
аналитический пост / объект
Запросить предварительный анализ:
scoutdevelopment.ru
Скаут Девелопмент
Недвижимость с понятной логикой.
scoutdevelopment.ru
Скаут Девелопмент
Недвижимость с понятной логикой.
Основной переход ведет на сайт. Для деловой переписки и заявок можно добавлять почту info@scoutdevelopment.ru. Telegram и MAX используются как дополнительные каналы присутствия.
Можно
- Делать заголовок коротким и смысловым.
- Разносить факты, вывод и CTA по разным строкам.
- Писать про риски и ограничения спокойно.
- Использовать цифры только там, где они помогают принять решение.
Нельзя
- Смешивать в одном посте подборку, аналитику, рекламу и личное мнение.
- Давать обещания доходности без основания.
- Перегружать первый экран длинным текстом.
- Писать как объявление на классифайде.
13 · Подписи и контактные блоки
Сайт — основная точка входа, почта — официальный деловой контакт
После запуска сайта и доменной почты контактная система фиксируется как стандарт для постов, карточек, презентаций, PDF, HTML-отчетов, лендингов и деловой переписки.
Контактная иерархия
Сначаласайтпотом канал
Сайт собирает публичный трафик и заявки. Почта используется для официальной и деловой коммуникации. Telegram и MAX остаются каналами подписки, диалога и регулярного контента, но не заменяют сайт как основной адрес бренда.
Главная публичная точка
scoutdevelopment.ru
Официальная почта
info@scoutdevelopment.ru
Telegram
t.me/papshev_estate
MAX
канал используется как дополнительная точка присутствия
01
Сайт
Основная ссылка в постах, презентациях, карточках, футерах и рекламных материалах.
02
Почта
Для деловых запросов, КП, партнерств, отчетов, заявок и документов.
03
Telegram
Для регулярного контента, подписки, быстрых сообщений и прогрева аудитории.
04
MAX
Дополнительный канал присутствия. Используется, если формат материала предполагает список каналов.
Короткая подпись для поста
Используется в Telegram, MAX и коротких публикациях, где не нужен полный контактный блок.
CTA-блок для заявки
Используется в конце постов, подборок, кейсов и лендинговых блоков.
Запросить подборку или обсудить задачу:
scoutdevelopment.ru
Для деловой переписки:
info@scoutdevelopment.ru
scoutdevelopment.ru
Для деловой переписки:
info@scoutdevelopment.ru
Подпись для презентаций и PDF
Используется на последнем слайде, в футере презентации, коммерческом предложении или отчете.
Скаут Девелопмент
Недвижимость с понятной логикой.
scoutdevelopment.ru
info@scoutdevelopment.ru
Telegram: t.me/papshev_estate
Недвижимость с понятной логикой.
scoutdevelopment.ru
info@scoutdevelopment.ru
Telegram: t.me/papshev_estate
Email-подпись
Используется в исходящей деловой переписке с доменной почты.
С уважением,
Скаут Девелопмент
Недвижимость с понятной логикой.
scoutdevelopment.ru
info@scoutdevelopment.ru
Скаут Девелопмент
Недвижимость с понятной логикой.
scoutdevelopment.ru
info@scoutdevelopment.ru
Правило
Не перегружать финал.
В посте не нужно ставить сразу все каналы, если задача решается одной ссылкой на сайт.
Правило
Почта — для делового контекста.
Почту добавляем в презентации, отчеты, КП, партнерские материалы и заявки, но не обязательно в каждый короткий пост.
Правило
Telegram — не вместо сайта.
Telegram остается каналом общения и контента. Основной публичный адрес бренда теперь сайт.
14 · Digital-система
Сайт собирается по сетке, а не по вкусу
Раздел фиксирует универсальные правила сборки лендингов и страниц Скаут Девелопмент. Контент, кейсы, аналитика и изображения могут меняться под задачу, но сетка, ритм, симметрия, компоненты и техническая архитектура остаются как стандарт.
Основной принцип
Однарабочаясистема
Любой новый сайт строится из повторяемых модулей: рабочая область, две равные колонки, центральная ось, крупный смысловой заголовок, спокойный текст, один визуальный акцент и четкое действие.
Логотиплевая граница рабочей зоны
Навигация + CTAправая колонка, кнопка не исчезает на мобильной версии
Hero-заголовоккрупный serif, ступенчатая логика строк
Визуалфото или видео как равный блок, без случайного смещения
Контактный смыслкто, зачем, какой следующий шаг
Формаполя + согласие + обработчик
Digital-минимализм
Стильчерезвычитание
В digital-среде брендовые элементы используются не максимально, а точно дозированно. Точки, плашки, линии, сетка, свечение и рамки не должны демонстрировать весь арсенал бренда одновременно. Финальная версия сайта должна проходить этап очистки: убрать все, что не ведет взгляд, не отделяет смысл, не помогает действию и не делает страницу понятнее.
Точки
редко и точно
Плашки
только для структуры
Линии
тонко и функционально
Свечение
как акцент, не фон
Оставитьтольконужное
главное действие
01 · Отбор
Каждый элемент должен иметь работу.
Если точка, плашка, линия или сетка не помогают считывать смысл, отделять блок или вести к действию, элемент удаляется.
02 · Один прием
Один блок — один главный визуальный ход.
В hero это может быть крупный заголовок и визуал, в аналитике — один активный модуль, в форме — чистая функциональность.
03 · Финальная чистка
Перед публикацией сайт нужно упростить.
Проверяется, можно ли убрать часть декора без потери смысла. Если после удаления страница выглядит дороже и яснее — элемент был лишним.
Сетка
Рабочая зона держит весь сайт.
Базовая ширина страницы: 1240 px. Боковые поля: 28 px на desktop, 18 px на mobile. Основная композиция строится на двух равных колонках.
- Не растягивать контент на всю ширину экрана.
- Не смешивать разные оси в соседних секциях.
- Проверять левую и правую границы после каждой правки.
Симметрия
50 / 50 как базовая логика.
Левый и правый блоки должны быть равноправными. Если один блок получает новый визуал или текст, соседний блок проверяется по вертикали.
- Основной зазор между колонками: 64 px.
- Кнопки и разделительные линии в парных карточках синхронизируются.
- Центральная ось не должна «гулять» между секциями.
Заголовки
Ступенька фиксирует ритм.
Крупные многострочные заголовки могут строиться ступенчато: первая строка без отступа, вторая с малым отступом, третья с большим.
- Заголовки: Georgia / serif.
- Не применять ступеньку к длинным техническим строкам.
- На мобильной версии отступы уменьшаются.
Компоненты
Собираем из готовых элементов.
Новые страницы не проектируются с нуля. Используются утвержденные типы блоков: hero, услуги, аналитика, карточки, видео-превью, форма, футер.
- CTA-кнопка: одна основная роль на экран.
- Карточки: тонкая линия, мягкий фон, без тяжелых рамок.
- Аналитика: визуальный центр, не таблица ради таблицы.
Медиа
Видео работает как доказательство.
Видео-превью используется как живой сигнал, а не как отдельная презентация. Полный ролик лучше открывать по ссылке или в кейсе.
- Preview: muted, loop, playsinline.
- Обязателен poster-кадр.
- Длинные ролики не ставятся в autoplay полностью.
Форма
Заявка остается частью дизайна.
Форма не вставляется iframe-блоком, если можно сохранить фирменную компоновку. Обязательны поля контакта и согласие на обработку персональных данных.
- Имя, контакт, описание задачи.
- Чекбокс согласия обязателен.
- Проверка согласия должна быть и на клиенте, и на сервере.
Базовая техническая сборка
СтруктураПлоский пакет: index.html, privacy.html, send.php, .htaccess, изображения и видео в корне или в заранее принятой структуре.
ФормаНе использовать mailto как финальный механизм. Отправка идет через обработчик send.php или другой серверный endpoint.
ПочтаЗаявки отправляются на доменную почту. Адрес должен совпадать с публичной логикой сайта и политики.
.htaccessЗащищает служебные файлы. Принудительный HTTPS-редирект добавляется только после проверки, чтобы не создать цикл.
ПубликацияПеред загрузкой проверяется, что в архиве нет внутренней папки, лишних README и исходников, которые могут быть скачаны извне.
Правила быстрой адаптации
МеняемТексты, кейсы, объекты, фото, видео, аналитические данные, ссылки, юридические реквизиты под задачу проекта.
Не меняемРабочую ширину, принцип 50 / 50, центральную ось, тип CTA, темную среду, систему отступов и механику формы.
ПроверяемDesktop и mobile, клики по логотипу и CTA, форму, чекбокс согласия, политику, видео, внешние ссылки и SSL.
ФиксируемКаждая удачная новая компоновка возвращается в брендбук как компонент, если может использоваться повторно.
Можно
- Использовать один сильный визуальный прием на секцию.
- После сборки проходить этап визуального вычитания.
- Сохранять сетку даже при замене контента.
- Делать аналитику визуальной, но не перегружать ее цифрами.
- Размещать CTA так, чтобы действие было доступно и на мобильной версии.
Нельзя
- Двигать блоки вручную без проверки соседней колонки.
- Использовать все фирменные элементы одновременно: точки, плашки, линии, сетки, свечения и рамки.
- Скрывать ключевую кнопку на мобильной версии.
- Ставить длинные ролики в автопроигрывание целиком.
- Оставлять форму без согласия на обработку персональных данных.
- Публиковать архив с вложенной папкой или служебными файлами.
15 · Библиотека компонентов сайта
Готовые элементы сайта собираются как конструктор
Раздел переводит правила сайта в практическую библиотеку компонентов. Для каждого блока зафиксированы назначение, структура, изображения, поведение на мобильной версии и то, что нельзя ломать при обновлениях.
Принцип библиотеки
Одинкомпонентодин стандарт
Новый сайт, раздел или публикация не собираются заново «с нуля». Используется библиотека компонентов: header, hero, исследования, сервисные карточки, форма, футер и технические ассеты. Так сохраняются стиль, скорость и предсказуемость.
01
Компонент имеет ролькаждый блок отвечает за одну задачу: вход, объяснение, доказательство, действие
02
Компонент имеет сеткуширина, колонки, отступы, высота карточки и поведение на mobile не меняются случайно
03
Компонент имеет ассетыпод каждый блок готовится свой формат изображения: card, chip, hero, article-cover
04
Компонент имеет запретынельзя менять логику ссылок, ломать высоты карточек, вставлять тяжелые или неподходящие изображения
Header
Верхняя панель отвечает за узнаваемость, навигацию и быстрое действие.
| Структура | логотип слева, CTA «Обсудить задачу» рядом с логотипом, навигация справа |
|---|---|
| Ссылки | на главной — якоря #market, #services; на внутренних — index.html#... |
| Ассеты | легкая веб-версия логотипа; не использовать мегабайтные PNG в шапке |
| Mobile | логотип и CTA не перекрывают меню; навигация переносится без горизонтального скролла |
| Нельзя | вести логотип на /, если это открывает дерево файлов; ломать CTA; прятать кнопку заявки |
Hero
Первый экран формирует первое ощущение бренда и должен загружаться быстро.
| Структура | крупный смысловой заголовок, короткий лид, визуальная колонка |
|---|---|
| Изображение | отдельные hero-desktop.webp и hero-mobile.webp; не брать картинку из статьи |
| Скорость | использовать preload, fetchpriority="high", заданные width и height |
| Вес | desktop ориентир 180–300 КБ, mobile 90–160 КБ |
| Нельзя | ставить тяжелый CSS-background на первый экран без приоритетной загрузки |
Живая картина рынка
Аналитический блок показывает, что Скаут Девелопмент работает с данными, а не с общими впечатлениями.
| Структура | заголовок, вводный текст, две панели сегментов, внутри каждой — топы по просмотрам, презентациям, броням, сделкам |
|---|---|
| Контент | в каждой номинации первые 3 позиции; текст краткий, без перегрузки |
| Визуал | кольца, списки и акценты в единой сетке; не добавлять случайные графики |
| Обновление | менять данные аккуратно, не нарушая длину строк и ритм карточек |
| Нельзя | смешивать разные периоды и сегменты без пояснения |
Исследования
Главная библиотека экспертных материалов: карточка на главной, архив и страница статьи.
| Главная | актуальное исследование + карточка перехода в архив |
|---|---|
| Архив | карточки исследований одинаковой высоты, одинаковой зоны изображения и одинакового ритма текста |
| Card-cover | вертикальная обложка 4:5, ориентир 90–180 КБ, WebP |
| Article-cover | отдельная обложка внутри статьи; может быть широкой, если композиция работает на чтение |
| Нельзя | ставить горизонтальную обложку в вертикальную карточку; использовать object-fit: contain, если появляются пустые поля |
Что делаем
Сервисный блок показывает направления работы через короткие карточки и компактные визуальные чипы.
| Структура | 4 карточки: подбор, оценка, сценарий и экономика, упаковка для продажи |
|---|---|
| Изображение | service-chip 16:9, одинаковый размер в каждой карточке, WebP 35–70 КБ |
| Ссылка | кнопка кейса снизу; первый чип может вести на видео-кейс |
| Mobile | текст и чип складываются в одну колонку, карточки сохраняют одинаковый ритм |
| Нельзя | оставлять один чип у одной карточки и пустые места у остальных; менять размер чипа от карточки к карточке |
Оценка объекта
Показывает методологию: решение принимается не по эмоции, а по последовательной проверке.
| Структура | 4 шага: локация, документы, сценарий, экономика |
|---|---|
| Текст | каждый шаг — короткое объяснение без длинных юридических или финансовых формулировок |
| Сетка | одинаковые step-карточки, единый номерной ритм 01/02/03/04 |
| Роль | поддерживает доверие и объясняет, почему подбор строится через анализ |
| Нельзя | превращать блок в длинный регламент или список документов |
Команда
Блок подтверждает, что решение по объекту смотрится с разных сторон: рынок, право, деньги.
| Структура | текстовая колонка + визуал команды |
|---|---|
| Изображение | оптимизированный WebP, без лишней детализации, фокус на спокойной экспертности |
| Текст | короткая формула: брокеры, юрист, финансист |
| Mobile | визуал не должен вытягивать блок и ломать отступы |
| Нельзя | делать блок похожим на рекламную командную фотосессию или перегружать должностями |
Форма заявки
Форма — главный рабочий канал входящего запроса.
| Поля | имя, телефон или мессенджер, описание задачи, чекбокс согласия |
|---|---|
| Почта | письмо уходит на info@scoutdevelopment.ru |
| Telegram | после успешного письма отправляется короткое уведомление без персональных данных |
| Файлы | send.php, notify-config.example.php; реальный notify-config.php только на сервере |
| Нельзя | отправлять в Telegram имя, телефон, контакт, текст задачи, IP или другие данные формы |
Footer
Футер закрывает страницу контактной системой и подтверждением авторства сайта.
| Состав | подпись бренда, Telegram, MAX, политика конфиденциальности, Sinaro Vali |
|---|---|
| Роль | не продает агрессивно, а спокойно завершает страницу и дает дополнительные каналы |
| Ссылки | проверять внешние ссылки после каждого полного обновления сайта |
| Mobile | ссылки не должны сливаться в одну строку или уходить за экран |
| Нельзя | заменять сайт ссылкой на канал как основную точку входа |
Матрица компонентов и файлов
| Компонент | HTML | Основные ассеты | Критичная проверка |
|---|---|---|---|
| Главная | index.html | logo, hero, service-chips, team, актуальное исследование | первый экран, скорость, CTA, переходы по меню |
| Архив исследований | research.html | card-cover 4:5 для каждого исследования | одинаковые карточки и отсутствие битых превью |
| Статья исследования | research-*.html | article-cover, таблицы, CTA | заголовок, SEO, обложка, возврат в архив |
| Приватность | privacy.html | без тяжелых изображений | ссылка из формы и футера открывается |
| Форма | send.php | notify-config.example.php | письмо, Telegram, отсутствие персональных данных в Telegram |
| Видео-кейс | ссылка из карточки | selection-egypt-preview.mp4, selection-egypt-full.mp4, poster | видео открывается, но не тормозит главную |
Шапка
логотип ведет на index.html, CTA виден, меню не перекрывается
Карточки
одинаковые контейнеры, одинаковые превью, нет пустых полей
Ассеты
WebP, правильные имена файлов, понятный вес
Скорость
hero preload, нет тяжелых PNG в первом экране
Сервер
файлы в корне сайта, notify-config.php сохранен
Минимальный состав patch
index.html research.html research-new-article.html research-new-card.webp research-new-cover.webp
Минимальная проверка после установки
1. Открыть главную 2. Открыть research.html 3. Открыть новую статью 4. Проверить форму заявки 5. Проверить Telegram-уведомление 6. Проверить mobile 7. Проверить, что нет 404 по картинкам
Можно
- Добавлять новые страницы только через существующие компоненты.
- Делать отдельную card-обложку и отдельную article-обложку.
- Оптимизировать изображения до загрузки на сервер.
- Ставить full-архив для восстановления целостности после серии патчей.
Нельзя
- Использовать одну картинку во всех местах сайта без адаптации.
- Менять структуру компонента ради одного материала.
- Оставлять битые изображения или временные файлы на публичном сайте.
- Включать реальный
notify-config.phpв архивы.
16 · Сайт: единообразие и скорость
Сайт обновляется компонентами, а не случайными патчами
Раздел фиксирует практические правила, которые появились после первых публикаций и оптимизации сайта: единые размеры карточек, отдельные изображения под каждый тип блока, легкие WebP-файлы, приоритетная загрузка первого экрана и аккуратная установка на сервер.
Главное правило сайта
Одинблокодин формат
Нельзя вставлять универсальную картинку во все места сайта. Сначала определяется компонент и его пропорция, затем под него готовится отдельное изображение. Карточка, превью, hero-экран и обложка статьи — разные задачи и разные файлы.
01
Определить компонентглавная, архив исследований, карточка, статья, сервисный чип, hero-экран
02
Зафиксировать форматпропорция, размер зоны изображения, поведение на mobile и desktop
03
Подготовить изображениегенерация или пересборка строго под формат карточки, без пустых полей и случайной обрезки
04
Оптимизировать для скоростиWebP, нужный размер, контролируемый вес, без тяжелых PNG на сайте
05
Проверить установкупути, 404, mobile, скорость первого экрана, форма, Telegram-уведомления
Единообразие карточек
Если несколько карточек стоят в одной группе, они подчиняются одному шаблону.
- одинаковая высота контейнеров;
- одинаковая зона изображения;
- одинаковый принцип выравнивания;
- текст может отличаться, но компонент не должен «прыгать».
Изображения под компонент
Каждый визуал готовится под место, где он будет жить.
- исследование в карточке: вертикальная card-обложка;
- обложка статьи: может быть шире, если это нужно композиции;
- сервисный чип: компактная горизонталь;
- hero: отдельный адаптивный файл для первого экрана.
Скорость как часть дизайна
Тяжелый сайт разрушает ощущение качества. Скорость считается частью визуальной системы, а не техническим приложением.
- основной формат изображений — WebP;
- PNG — только когда нужна прозрачность или специальный исходник;
- первая картинка главной загружается приоритетно;
- на сайте не должно быть тяжелых картинок без необходимости.
Ориентиры по весу файлов
| Hero desktop | отдельный WebP, ориентир 180–300 КБ, preload + fetchpriority high |
|---|---|
| Hero mobile | отдельный WebP, ориентир 90–160 КБ |
| Карточка исследования | вертикальная 4:5, ориентир 90–180 КБ |
| Обложка статьи | по композиции статьи, ориентир 250–500 КБ |
| Сервисный чип | горизонталь 16:9, ориентир 35–70 КБ |
| Логотип | использовать легкую веб-версию, не грузить мегабайтный PNG в шапке |
Стандарт публикации исследования
| Архив | все карточки исследований одинакового контейнера и одинаковой зоны превью |
|---|---|
| Главная | актуальное исследование выводится в том же визуальном стандарте, что и архив |
| Превью | изображение должно заполнять размер карточки, без пустого поля и без object-fit: contain |
| Статья | внутри статьи можно использовать отдельную широкую или вертикальную обложку, если это работает на чтение |
| Новый материал | сначала готовится card-обложка, затем article-обложка, только после этого обновляется сайт |
Нельзя растягивать
Если формат не совпадает, изображение не растягивается и не вставляется «как есть».
Нельзя оставлять поля
Пустое пространство внутри превью означает, что изображение подготовлено не под этот компонент.
Нельзя перегружать
Вес картинки должен соответствовать ее роли: превью не должно весить как постер.
Нельзя ломать процесс
Патч применяется только если понятен состав файлов и состояние сервера.
Правило готовности публикации к установке
Новая статья не собирается в архив, пока не проверены: страница статьи, карточка на главной, карточка в архиве исследований, отдельные форматы изображений и мобильное чтение самой статьи.
- card-обложка готовится отдельно под карточку 4:5;
- article-обложка готовится отдельно под страницу статьи;
- мобильная проверка обязательна до передачи архива на REG.RU;
- patch включает только изменённые файлы; full используется для восстановления целостности или крупных обновлений;
- реальный notify-config.php не включается в архивы.
Когда нужен patch
изменение 1–3 файловточечная правка текстаодна новая картинкадобавление CSS-фиксасервер уже целостный
Когда нужен full
много новых ассетовпосле 404 или битых изображенийсмена формата графикипосле серии патчейнужно восстановить целостность сайта
Правила установки на сервер
- Файлы должны лежать прямо в корне сайта: /www/scoutdevelopment.ru/, а не во вложенной папке архива.
- notify-config.php с реальным Telegram-токеном не включается в архивы и не удаляется при обновлении.
- После установки проверяются главная, архив исследований, свежая статья, форма, Telegram-уведомление и мобильная версия.
- Если после патча появились 404 или битые изображения, сайт приводится к целостному состоянию через full-архив.
Контроль перед публикацией
- В карточках одной группы одинаковые размеры контейнеров и превью.
- В HTML нет ссылок на несуществующие изображения.
- В первых экранах нет тяжелых CSS-background без приоритетной загрузки.
- Новые изображения оптимизированы и не тянут за собой старые тяжелые PNG.
- Локальная проверка не заменяет проверку на сервере: после загрузки проверяется реальный домен.
Можно
- Готовить отдельную картинку под каждую зону сайта.
- Использовать WebP и адаптивные версии для первого экрана.
- Сохранять широкую обложку внутри статьи, если для карточки есть отдельное вертикальное превью.
- Ставить полный архив, если патчами накоплены расхождения.
Нельзя
- Использовать одну горизонтальную картинку в вертикальной карточке.
- Оставлять object-fit: contain в превью карточек исследований, если это создает пустые поля.
- Грузить мегабайтные PNG там, где достаточно WebP.
- Удалять серверный notify-config.php при установке полного архива.
17 · Публикационный пакет
Одна тема собирается сразу для сайта, соцсетей и сторис
Раздел фиксирует рабочий алгоритм подготовки публикаций после запуска сайта и раздела исследований. Это не отдельный набор советов, а производственный маршрут: от смысла и фактов до сайта, короткого поста, сторис и консультации.
Обязательный алгоритм публикации статьи на сайте
текст→
сайт-статья→
отдельная card-обложка→
отдельная article-обложка→
главная→
архив исследований→
mobile-проверка→
full / patch
Это точная производственная формула для всех новых аналитических публикаций Скаут Девелопмент. Публикация считается готовой только после проверки статьи на телефоне и после сборки корректного архива для установки.
Главное правило
Сначаласистемапотом выпуск
Одна тема не публикуется хаотично в разных форматах. Сначала собирается смысловая основа и расширенная версия для сайта. После этого короткий пост и сторис ведут на уже опубликованную страницу.
01
Текстовкаглавный тезис, факты, цифры, вывод и целевое действие читателя
02
Форматированиекороткий пост, расширенная сайт-версия и тексты для 3-4 сторис
03
Чистый визуализображение без текста: карта, объект, схема, аналитический фон или сцена
04
HTML-макетыточное наложение текста, экспорт PNG для постов и сторис
05
Сайт → соцсети → сториссначала публикуется расширенный материал, затем короткие форматы ведут на него
Что собрать до старта
Без смысловой базы публикационный пакет не запускается.
- тема и главный тезис;
- факты, цифры, аналитика, выводы;
- для кого материал;
- какое действие нужно от читателя: сайт, заявка, консультация, подбор объекта.
Роль сайта
Сайт не дублирует короткий пост. Он хранит расширенный материал: исследование, разбор, методологию или кейс.
- без эмодзи;
- больше логики и объяснения;
- структура, вывод, CTA;
- материал читается отдельно от соцсетей.
Роль соцсетей и сторис
Соцсети дают быстрый вход в тему, а сторис удерживают внимание серией коротких касаний.
- пост: заголовок, контекст, факты, вывод, CTA;
- сторис: 3-4 кадра, одна мысль на кадр;
- ссылка ведет на готовый сайт-материал.
Три версии одного материала
| Короткий пост | Быстро объясняет тему и приводит к действию. Короткие абзацы, умеренные акценты, активная ссылка. |
|---|---|
| Сайт-версия | Дает подробный экспертный разбор: вводный абзац, контекст, данные, причины, вывод, практическая польза, CTA. |
| Сторис | Зацепляет внимание и переводит к сайту или консультации. Рекомендуемая серия: вход в тему, факт, второй факт, действие. |
Форматы визуалов
| Пост / карточка | 1080 × 1350 px, формат 4:5. Сначала чистое изображение, затем текст в HTML. |
|---|---|
| Сторис | 1080 × 1920 px, формат 9:16. Учитывать безопасные зоны интерфейса. |
| Логотип | Не генерируется заново. Используется только реальный логотип из брендбука. |
| Текст на визуале | Минимум текста, читаемость через тень и отступы, без лишнего градиента поверх фона. |
Производственный порядок
тематекстовкасайт-версиячистый визуалHTML / PNGпубликация на сайтесоцсетисторис
Путь читателя
визуалкороткий пост / сториспереход на сайтисследованиеконсультация или заявка
Текст
заголовок понятный, абзацы короткие, нет агрессивных обещаний
Сайт
страница опубликована, CTA работает, материал дает больше, чем короткий пост
Визуал
одна главная мысль, реальный логотип, нет шума и перегруза
Соцсети
ссылка полная: https://scoutdevelopment.ru, форматирование проверено
Сторис
серия читается по кадрам, последняя сторис ведет к действию
Можно
- Сначала собрать расширенный материал на сайте, затем выпускать короткие форматы.
- Делать отдельную редакционную версию для сайта, а не копировать пост.
- Использовать HTML как инструмент точного наложения текста и экспорта PNG.
- Держать CTA спокойным: консультация, подборка, объяснение логики выбора.
Нельзя
- Сначала публиковать соцсети, а потом доделывать сайт.
- Дублировать один и тот же текст во всех форматах без адаптации.
- Превращать сторис в уменьшенную копию статьи.
- Перегружать визуал большим количеством текста, плашек и случайных акцентов.
- Использовать придуманный или сгенерированный логотип вместо утвержденного.
Итоговое правило
Визуальная система поддерживает смысл, а не заменяет его.
В материалах Скаут Девелопмент главное внимание должно оставаться на объекте, локации, аналитике, сценарии использования и проверяемых параметрах. Логотип, цвет, графика и текст работают вместе, чтобы усилить ощущение профессионального отбора.
Публикация должна выглядеть как экспертный материал, а не как объявление
Раздел фиксирует рабочие шаблоны для Telegram, сторис, Reels-обложек и аналитических карточек. Это внутренние стандарты Скаут Девелопмент, а не универсальные требования платформ.
Смысл + параметры
Короткий заголовок, фото объекта или среды, 2-3 ключевые цифры и спокойный следующий шаг.
Серия кадров
Один кадр - одна мысль: тезис, факт, объяснение, кому подходит, действие.
Обложка без шума
Крупный тезис, понятный фон, минимум текста. Логотип только если он не спорит с заголовком.
Аналитика и отбор
Цифры, сценарии, риски и выводы оформляются структурно, без обещаний гарантированной доходности.
Telegram-пост: объект
Используется, когда нужно показать конкретный объект, локацию или подборку с понятными параметрами.
Telegram-пост: аналитика
Используется для рыночных наблюдений, цифр, сравнений, локационных выводов и инвестиционной логики.
Сторис: серия из 4 кадров
Сторис строятся как короткая воронка: внимание, факт, объяснение, действие. Не нужно пытаться рассказать все в одном кадре.
Видео-шаблоны и антипример
Три прикладных сценария собраны в один блок: обложка для Reels / Shorts, формат видео в соцсетях и пример того, чего мы избегаем в публикациях.
Reels / Shorts обложка
Видео в соцсетях: Reels / Shorts 9:16
Не используем в публикациях