Брендбук нашего собственного агентства (октябрь 2026): те же правила, которые мы пишем для клиентов, действуют и для нас. Бренд живёт на тёмной сцене, с оранжевой точкой над «i» и светом «свечи»: мы знаем, что и где подсветить в бренде.
Объём: брендбук на 17 страниц на трёх языках (DE, RU, UA) и пакет файлов – логотип в четырёх вариантах, иконка «it» для аватара и фавикона, палитра из сайта, Montserrat как единственный шрифт, компоненты сайта, SMM-концепт на 3–4 поста в неделю с четырьмя рубриками, пять хайлайтов на один экран телефона, шаблоны для Instagram и наши гарантии: лицензионный контент и PageSpeed 95+.
Брендбук – наш рабочий инструмент: каждый пост, отчёт и страница it-stadt.de делаются по этим правилам.
Как устроен брендбук
Наш собственный бренд – по тем же правилам
Все 17 страниц брендбука IT-Stadt, глава за главой, в наших цветах и шрифте: логотип, палитра, Montserrat, сайт, SMM-концепт на 3–4 поста в неделю, хайлайты, шаблоны для Instagram и наши гарантии.
Брендбук · версия 1.2 · октябрь 2026
Диджитал-агентство
в Гёттингене.
Разработка сайтов · SEO · Google Ads · соцсети · UI/UX
it-stadt.de · @it_stadt · DE · RU · UA
О бренде
Что это за бренд
Диджитал-агентство в Гёттингене: сайты, SEO, Google Ads, соцсети и UI/UX из одних рук и с одним контактом. Бренд точный, технологичный и спокойный: тёмная сцена, свет «свечи», оранжевая точка над «i».
- Лицо бренда
- Serhii Kolisnyk – основатель; SEO с 2010 года, сеть специалистов с 2013-го
- Обещание
- „Websites und SEO, die Kunden bringen.“ – с одним постоянным контактом
- Свеча
- Мы прошли долгий путь по лабиринтам продвижения и знаем, что и где подсветить в бренде
- Принцип
- „Schriftlich. Damit nichts verloren geht.“
- Язык и тон
- Немецкий на «Sie», RU / UA – отдельными текстами. Коротко, конкретно, с цифрами
Содержание
- 01Основной логотип03
- 02Цветовые варианты логотипа04
- 03Правила использования логотипа05
- 04Иконка «it» и фавикон06
- 05Графические элементы07
- 06Цвета08
- 07Шрифт09
- 08Сайт и веб-компоненты10
- 09SMM-концепт: 3–4 поста в неделю11
- 10Хайлайты и профиль12
- 11Instagram: примеры13
- 12Система слайдов14
- 13Фото, ИИ и тексты15
- 14Ключевые факты для контента16
- 15Файлы17
Оригинал: PNG 561 × 208 и 1142 × 398. Векторного файла пока нет – для крупной печати подготовить отдельно.
01 · Основной логотип
Wordmark „it-stadt“
Строка 1 · wordmark
it-stadt
Строчные буквы с дефисом, гротеск, серый #71706F. Над «i» – оранжевая точка #F47920: свет бренда.
Строка 2 · дескриптор
DIGITAL AGENCY
Прописные буквы с широкой разрядкой, по центру под wordmark. В полной версии не убирается.
Где стоит
Слева вверху / слева внизу
Шапка сайта – слева. Отчёты – 110 px в высоту. Креативы 1080 – слева внизу, 72–90 px.
02 · Цветовые варианты
Четыре варианта под разные фоны
Форма и пропорции одинаковые. Оранжевая точка остаётся оранжевой везде, кроме Mono.
- Grey
- основной: тёмная сцена – сайт, отчёты, креативы
- White
- поверх фото, серых и цветных фонов
- Ink
- белая бумага: счета, договоры, печать
- Mono White
- одноцветная печать, плёнка, гравировка
03 · Правила
Как обращаться с логотипом
Да
- Свободное поле – не меньше высоты буквы «t» со всех сторон.
- Минимальный размер: 30 мм в печати, 120 px на экране.
- Фиксированная высота, ширина – auto. Только готовые файлы из 01_Logo.
- Тёмный фон по умолчанию; на светлом – только версия Ink.
Нет
- Не набирать wordmark шрифтом. В тексте бренд пишется «IT-Stadt».
- Не растягивать, не наклонять, не поворачивать.
- Не перекрашивать точку; без теней, обводки, неона.
- Не ставить серый wordmark на средне-серый фон.
04 · Иконка
„it“ – аватар и фавикон
Иконка – первые две буквы wordmark с той же точкой. Она заменяет логотип только там, где полный логотип не помещается.
- Instagram · Facebook
- аватар, круг
- WhatsApp Business · Google
- аватар, круг
- Сайт
- фавикон, значок закладки
- Скриншоты проектов
- водяной знак
- Сторис
- подвал, если полный логотип не помещается
Масштабы
96 px64 px48 px32 px16 pxСвеча – наш опыт. Мы прошли долгий путь по лабиринтам продвижения и знаем, что и где подсветить в бренде. Один источник света на макет; на сайте он следует за курсором.
05 · Графические элементы
Сцена, свет и тонкие линии
- Контурные слова
- DIGITAL, AGENCY, it-stadt – крупные буквы только контуром 1 px. Слово всегда целиком в кадре. Это фон, а не текст.
- Eyebrow „// “
- Надзаголовок над каждой секцией: Montserrat 700, ПРОПИСНЫЕ, разрядка. Цвет по уровню: Accent → Gold → Dim.
- Таблетка-статус
- Прозрачная, обводка 0,75 px, радиус 100. Только статусы, теги, платформы.
- Нумерация шагов
- Только для настоящей последовательности. Номер в круге с хейрлайном, без заливки.
- Хейрлайны вместо рамок
- Секции и строки делим линиями 1 px. Без рамок, теней и карточек с обводкой.
06 · Цвета
Одна тёмная тема, один акцент
≈ 85 % Ink · 12 % текст · 3 % Accent. Gold и Good – точечно. Светлой темы нет; исключение – печать на белой бумаге (логотип Ink).
- Ink#08090DRGB 8, 9, 13CMYK ca. 38 31 0 95Фон всего: сайт, отчёты, креативы
- Ink 2#0E1016RGB 14, 16, 22CMYK ca. 36 27 0 91Единственная поднятая поверхность: меню, шапка
- Foreground#EDEEF2RGB 237, 238, 242CMYK ca. 2 2 0 5Основной текст и заголовки
- Muted#8A8D9ARGB 138, 141, 154CMYK ca. 10 8 0 40Текст абзацев, вторая строка H1
- Dim#80848FRGB 128, 132, 143CMYK ca. 10 8 0 44Подписи, футер (WCAG AA)
- Accent#FF6A3DRGB 255, 106, 61CMYK ca. 0 58 76 0Кнопки, ссылки, цифры, eyebrow
- Gold#FFC857RGB 255, 200, 87CMYK ca. 0 22 66 0Второй уровень: «важно»
- Good#33C481RGB 51, 196, 129CMYK ca. 74 0 34 23Только «OK» / позитивное изменение
- Grey логотипа#71706FRGB 113, 112, 111CMYK ca. 0 1 2 56Только wordmark логотипа
- Orange логотипа#F47920RGB 244, 121, 32CMYK ca. 0 50 87 4Только точка в логотипе и иконке
Токены – из CSS сайта it-stadt.de. Цвета логотипа измерены по оригинальному PNG. CMYK ориентировочный.
07 · Шрифт
Montserrat – и больше ничего
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz äöüß
АБВГҐДЕЄЖЗИІЇЙКЛМНОПРСТУФ
0123456789 € % „“
Вариативный шрифт 100–900, латиница и кириллица. SIL Open Font License; на сайте только self-hosted (DSGVO). Других гарнитур не используем.
- 800 ExtraBoldWebsites, die Kunden bringen.Заголовки, hero-цифры
- 700 BoldLEISTUNGEN · PROJEKTEМетки, eyebrow, кнопки
- 600 SemiBoldKostenlose BeratungПодзаголовки, пункты
- 500 MediumWebsite-Entwicklung, SEO und AdsОсновной текст
- 400 RegularGefunden werden, besonders lokal.Длинные тексты, примечания
| Слайд 1080 × 1350 | Размер | Насыщенность |
|---|---|---|
| Заголовок обложки | 96–104 px | 800 |
| Заголовок слайда | 64–66 px | 800 |
| Hero-цифра | 300–380 px | 800 |
| Основной текст | 28–36 px | 500 |
| Eyebrow / счётчик | 22–26 px | 700 |
| Кнопка | 30–32 px | 700 |
08 · Сайт
Веб-компоненты it-stadt.de
Ink везде; Ink 2 – только меню и липкая шапка. Заголовок секции: eyebrow «// » → H2 800 → при необходимости контурное слово на фоне.
LEISTUNGEN ▾PROJEKTEÜBER UNSKONTAKTKostenlose Beratung ↗Карточка услуги
Цифры опыта
CTA-блок
09 · SMM-концепт
3–4 публикации в неделю, без шума
Четыре рубрики: наше в работе, наши клиенты, достижения и жизненные моменты. Не больше 4 постов в неделю – каждый должен стоить внимания. Нет повода – нет поста.
#IN ARBEIT30 %
Наше в работеМакеты, код, замеры PageSpeed, правки, рабочее место. В каждом посте – один практический совет.#KUNDEN30 %
Наши клиентыКто клиент, какая задача, что сделали, какой результат; отзывы. Только с письменного согласия клиента.#ERFOLGE15 %
ДостиженияLighthouse 100, запуски сайтов, позиции, рейтинги, сертификаты. Только проверенные цифры с датой замера.#MOMENTE25 %
Жизненные моментыЛюди за студией: Serhii, команда, Göttingen, события, наш отдых. Личное – только с согласия людей в кадре.Неделя · заливка – пост или Reel · пунктир – по необходимости · контур – сторис
- MoСторис: старт недели, опрос
- Di#IN ARBEITReel 15–30 s
- MiСторис: процесс вживую
- Do#KUNDENКарусель: кейс или отзыв
- Fr#ERFOLGEопционально, когда есть повод
- Sa#MOMENTEФото или Reel
- Soпауза
Месяц ≈ 14 постов: 4–5 In Arbeit · 4 Kunden · 2–3 Erfolge · 4 Momente. Сторис 3–5 в неделю. Посты на немецком на «Sie»; раз в неделю – Reel или карусель RU / UA.
10 · Хайлайты и профиль
Меню профиля, которое продаёт
5 хайлайтов – ровно один экран телефона, без прокрутки. Услуги, команда и контакт – на сайте по ссылке в био.
- ProjekteКейсы коротко: до / после, ссылка на сайт проекта
- In ArbeitПроцесс и бэкстейдж: макеты, код, замеры
- KundenОтзывы клиентов: скрины Google, видео (с согласия)
- ErfolgePageSpeed 100, запуски, Top 20, сертификаты
- FreizeitНаш отдых: команда вне работы, Göttingen, поездки, праздники
- Name
- IT-Stadt | Webagentur Göttingen · SEO
- Link
- it-stadt.de/kontakt
- Закрепить
- #KUNDEN Haarentfernung Göttingen · #ERFOLGE PageSpeed 100 · #MOMENTE Кто мы
11 · Instagram
Посты и сторис: как это выглядит
Обложка → 3–5 слайдов → финальный CTA. Hero-цифра – вместо графика, когда вывод – одно число.
- Ритм
- Сетка почти вся тёмная – ритм даёт свет: свеча то справа, то слева.
- Язык
- Немецкий на «Sie». RU / UA – отдельные посты, языки в одном слайде не смешиваем.
- Сторис
- 1080 × 1920: верхние 250 и нижние 360 px свободны
12 · Система слайдов
Структура слайда и рубрики
- Формат
- Посты 1080 × 1350 (4:5). Сторис / Reels 1080 × 1920
- Поля
- 80 px по бокам; eyebrow и счётчик – 72 px сверху
- Обложка
- «// РУБРИКА» → двухцветный заголовок 96–104 px → подзаголовок → свеча или контурное слово
- Внутренние слайды
- Заголовок 66 px → строки с хейрлайнами → блок «// WICHTIG»
- Счётчик
- «2 / 5» справа вверху
- Подвал
- Хейрлайн, логотип Grey 80 px слева, сайт справа
Шаблон по рубрике
13 · Фото, ИИ и тексты
Что мы гарантируем и чего не делаем
Фото, видео, музыка
- Только лицензионные фото, видео и музыка, купленные специально для вашего проекта: сайт, SMM, реклама.
- Вы защищены от претензий по авторским правам – на фото, видео и музыку.
- Собственные материалы: скриншоты и мокапы реальных проектов, процесс, команда.
Искусственный интеллект
- ИИ ускоряет отдельные процессы: черновики, варианты, обработку, анализ.
- Просто генерацией без контроля мы не занимаемся.
- Каждый результат проверяет и доводит человек.
Тексты
- Немецкий на «Sie», коротко и конкретно; RU / UA – отдельными текстами, не машинным переводом.
- Цифры – только проверенные и с датой замера.
- Не обещаем позиций в Google.
14 · Факты
Что всегда под рукой
Контакт
com@it-stadt.de · WhatsApp +49 160 4511849 · Instagram @it_stadt
Студия
IT-Stadt · Inhaber Serhii Kolisnyk · Fröbelweg 18, 37081 Göttingen
Как стать клиентом
Первая консультация бесплатно · бриф → предложение за 3 дня · договорённости письменно
Опыт
15+ лет SEO и веб-разработки · до 25 человек в команде Union-Studio (2013–2023)
Гарантии
PageSpeed 95+ (где возможно – 100) · только лицензионные фото, видео, музыка
Языки и регион
DE · RU · UA · Göttingen, Niedersachsen, Kassel, Hannover – и онлайн
Услуги: 5 направлений, 34 подуслуги
- Website-Entwicklung9 подуслуг
- SEO10 подуслуг
- Google Ads7 подуслуг
- Social Media4 подуслуг
- UI/UX & Webdesign4 подуслуг
Перед публикацией сверять с it-stadt.de – сайт является источником правды. Состояние на 14.10.2026.
15 · Файлы
Что где лежит
| Файл | Что это |
|---|---|
| IT-Stadt-Logo_grey | Основной логотип для тёмных фонов |
| IT-Stadt-Logo_white | Логотип поверх фото и цветных фонов |
| IT-Stadt-Logo_ink | Логотип для белой бумаги |
| IT-Stadt-Logo_mono-white | Одноцветная версия |
| IT-Stadt-Icon_512 | Иконка «it»: аватары, фавикон |
| Montserrat (variable) | Единственный шрифт |
| Brandbook_IT-Stadt_DE / RU / UA.pdf | Брендбук, 17 страниц |
Ваш бренд – так же продуманно?
Логотип, цвета, шрифты, шаблоны для соцсетей и правила в одном брендбуке, с которым вы и ваша команда сможете работать сами.