Сила
Воскресения
Воскресение. Надежда. Сила.
Как мы выглядим в мире
Гайдлайн для всех, кто делает что-то от имени церкви: афиши, посты, презентации, печатная продукция. Знак, палитра, шрифт, графика, носители и правила собраны на одной странице.
Знак, версии и логика применения
Логотип строится из раскрытой Библии, креста и лучей восхода. Полная версия — для официальных материалов, краткий знак — для малых форматов.
1.1 Вертикальная версия
Основная версия для обложек, афиш, титульных страниц и официальных макетов.
1.2 Горизонтальная версия
Для шапок, визиток, узких баннеров и презентационных плашек.
1.3 Краткий знак
Для favicon, аватаров, мерча и ситуаций, где текст становится нечитаемым.
1.4 Аватар
Круглая версия для соцсетей и компактных интерфейсов.
1.5 Инверсия
Белый знак на пурпурном, тёмном или затемнённом фото.
1.6 Монохром
Для печати в один цвет, тиснения, гравировки и технических носителей.
Витражная палитра
Палитра строится на глубоком пурпурном ядре, мадженте, мягкой лаванде и кремовой подложке. Все дополнительные цвета выводятся из этих восьми тонов.
Тёмное ядро
#150821
RGB 21, 8, 33#1B0A2A
RGB 27, 10, 42#4A1E5D
RGB 74, 30, 93#6B2D7A
RGB 107, 45, 122Свет и акценты
#9E2E6C
RGB 158, 46, 108#C76A9D
RGB 199, 106, 157#D7C8DD
RGB 215, 200, 221#EBE3EE
RGB 235, 227, 238Фирменные градиенты
Глубокий
Для заставок, трансляций и тёмных обложек.
Основной
Для афиш, соцсетей и крупных брендовых поверхностей.
Световой
Для мягких подложек, свечения и спокойных разделов.
Как сочетать
- Тёмный фон:
#150821,#1B0A2A,#4A1E5D+ белый текст. - Основная графика:
#4A1E5D,#6B2D7A,#9E2E6C. - Мягкие фоны:
#EBE3EE,#D7C8DD, белый. - Световые акценты:
#C76A9Dи#D7C8DD.
Чего избегать
- Не добавлять новые цвета без роли.
- Не использовать серый текст на пурпурном.
- Не перекрашивать логотип в случайные оттенки.
- Не делать макет только из светлых тонов без тёмного контраста.
Montserrat — единый голос бренда
Шрифт простой, современный и уверенный: держит крупные заголовки и остаётся читаемым в служебной информации.
ЗАГОЛОВОК
Подзаголовок
Основной текст. Бог есть свет, и нет в Нём никакой тьмы. Кто говорит, что пребывает в Нём, должен поступать так, как Он поступал.
1 Иоанна 1:5–7
Заголовки
Крупные, плотные, чаще прописными. Трекинг обычный или слегка увеличенный только в коротких строках.
Подписи
Могут быть прописными с увеличенным трекингом: дата, адрес, категория, служение.
Текст
Не делать слишком мелким. Для экранов держать комфортный размер и достаточный межстрочный интервал.
Световая система вокруг знака
Фирменная графика не копирует логотип, а продолжает его идею: восход, лучи, мягкое сияние, спокойный паттерн и короткие декоративные акценты.
1. Один главный мотив
На макете должен доминировать либо свет, либо дуга, либо паттерн. Не смешивать всё сразу в равной силе.
2. Много воздуха
Графика работает как подложка для спокойной коммуникации. Она не должна спорить с заголовком.
3. Низкий контраст
Паттерн, тонкие линии и микроэлементы держать мягкими: 8–25% opacity.
Базовые элементы
Лучи
Для верхней зоны афиш, заставок и титульных слайдов. Держать тонкими и чистыми.
Дуги / восход
Спокойный мотив для разделителей, подложек и второстепенных блоков.
Свет
Размытое сияние помогает собрать фокус вокруг текста или логотипа.
Микроэлементы
Вертикаль, крест, точка и дуга используются как короткие акценты.
Паттерн
Паттерн лучше использовать как тихую фоновую поверхность: оборот визитки, подложки в презентации, внутренние страницы, упаковка и второстепенные экраны.
Правило плотности
На светлом фоне паттерн 8–16% насыщенности. На пурпурном фоне — белый или лавандовый паттерн в режиме мягкого света.
Реальные носители и композиции
Шаблоны ниже используют утверждённую витражную палитру: тёмное ядро #150821 / #1B0A2A / #4A1E5D, активный пурпур #6B2D7A, мадженту #9E2E6C и мягкие световые тона.
5.1 Социальные сети
СилаВоскресения
Бог даёт
новую жизнь
Воскресение · Надежда · Сила
Фон: #4A1E5D, #6B2D7A, #150821. Акценты: #C76A9D и белый.
5.2 Афиша мероприятия
СилаВоскресения
Вечер
поклонения
Приходи и испытай
присутствие Божье
Фон: глубокий пурпур и маджента. Вся служебная информация остаётся белой.
5.3 Презентация / слайд
Наша миссия
Формат 16:9: тёмный градиент #150821 → #4A1E5D, белый текст, свет #C76A9D.
5.4 Визитка
Воскресенияцерковь
Фронт: #4A1E5D / #6B2D7A. Оборот: кремовый #EBE3EE, контакты #4A1E5D.
5.5 Мерч
Воскресенияцерковь
Ткань: #4A1E5D → #1B0A2A. Печать: белая.
5.6 Заставка трансляции
Служение
скоро начнётся
Заставка: #9E2E6C → #6B2D7A → #150821, логотип и таймер белые.
Логотипу нужен воздух
Свободное пространство вокруг знака сохраняет читаемость и уважительный характер коммуникации.
Охранное поле
Минимум 1x со всех сторон. За x можно брать высоту перекладины креста или примерно четверть ширины знака. Для обложек и официальных материалов оставлять больше воздуха.
Минимальный размер
Печать · полный логотип
От 20 мм по высоте.
Печать · знак
От 10 мм по высоте.
Экран · полный логотип
От 40 px по высоте.
Favicon / аватар
От 24 px, лучше 40 px и выше.
Что нельзя делать со знаком
Ошибки из практики превращены в рабочий список запретов: пропорции, цвет, эффекты, сложный фон и охранное поле.
Не искажать
Не растягивать и не сжимать знак.
Не менять цвета
Не заменять палитру случайными оттенками.
Не добавлять эффекты
Тени, свечения и 3D нарушают стиль.
Не ставить на сложный фон
Нужна подложка или затемнение.
Не вращать
Знак всегда стоит вертикально.
Не прижимать
Нельзя нарушать охранное поле.
Исходники для работы
Все SVG-логотипы, графика и токены лежат рядом в каталоге assets/brand/. Если нужны Pantone, шрифты или векторы в формате AI — напишите в группе ВК.
| Файл | Назначение |
|---|---|
assets/brand/logo-mark.svg | Основной знак. |
assets/brand/logo-mark-gradient.svg | Градиентная версия знака. |
assets/brand/logo-mark-white.svg | Белая версия для тёмных фонов. |
assets/brand/logo-vertical.svg | Основная вертикальная версия логотипа. |
assets/brand/logo-horizontal.svg | Горизонтальная версия — для шапок и визиток. |
assets/brand/logo-avatar.svg | Круглая версия — для соцсетей и favicon. |
assets/brand/pattern.svg | Фирменный паттерн. |
assets/brand/decorative-elements.svg | Лучи, дуги и декоративные элементы. |
assets/brand/graphic-rays.svg | Лучи — отдельным элементом. |
assets/brand/graphic-arcs.svg | Дуги восхода. |
assets/brand/graphic-glow.svg | Световая подложка. |
assets/brand/graphic-minis.svg | Микроэлементы: линия, крест, точка, дуга. |
assets/brand/tokens.css | CSS-переменные палитры и общие стили. |
assets/brand/brand-tokens.json | Машиночитаемые токены: цвета, шрифт, размеры. |