ВНИМАНИЕ!

При создании любых новых страниц типовые блоки
должны копироваться только из этого макета-шаблона!

Копирование из других уже созданных страниц даже похожих блоков может привести к неправильному виду страницы, в первую очередь из-за стандартизированных отступов и параметров тут. На других страницах параметры могут быть уникальны и несовместимы между собой в новой странице!

ПРАВИЛА ЗАГОЛОВКОВ

В данном шаблоне есть отдельные блоки для разного типа заголовков и отдельные блоки для текста (длинного и короткого). ВАЖНО! не использовать заголовки и подписи в других блоках (например список или фотрма и кнопка), а добавлять заголовок и возможную подпись к этим блокам отдельно из соответствующих блоков-заголовков и блоков-подписей.

ССЫЛКИ В ТЕКСТЕ

Цвет для ссылок задан в параметрах сайта и применяется автоматически, менять цвет ссылок в ручную
не рекомендуется!
СТАНДАРТНАЯ ШАПКА
(Внутренние страницы)

Рекомендуется использовать для любых страниц,
кроме документов, услуг и блога

Картинка подбирается под каждую страницу индивидуально

НАЗВАНИЕ РАЗДЕЛА
ЗАГОЛОВОК СТРАНИЦЫ
ПОЛНОЭКРАННАЯ ШАПКА — ТИП 1
(Внутренние страницы)

Рекомендуется использовать для блога

Картинка подбирается под каждую страницу индивидуально

У картинки нет затемнения! Поэтому необходимо самостоятельно подобрать изображение с плотным фоном, чтобы на нем были различимы буквы!

ЗАГОЛОВОК КЕЙСА ИЛИ СТАТЬИ МОЖЕТ БЫТЬ ДЛИННЫМ
название раздела
Рекомендуется делать короткий комментарий тут
ПОЛНОЭКРАННАЯ ШАПКА — ТИП 2
(Внутренние страницы)

Рекомендуется использовать для продукта, товара или услуги

Картинка подбирается под каждую страницу индивидуально

У картинки нет затемнения! Поэтому необходимо самостоятельно подобрать изображение с плотным фоном, чтобы на нем были различимы буквы!

Название услуги или продукта
Описание продукта располагается тут. Рекомендуется использовать короткое описание не более двух, трех строк.
ШАПКА ДОКУМЕНТА
(Внутренние страницы)

Используется только(!) для докумнетов
(например политика конфиденциальности, возможности доставки товара, условия или реквизиты компании)

Картинка одинаковая для всех документов

(та, что показана ниже)

ДОКУМЕНТЫ
нАЗВАНИЕ ДОКУМЕНТА
ПРОСТОЙ ЗАГОЛОВОК

Допустимо использовать внутри текста (разделы лонгрида) или как заголовок всего текста или иного контентного блока (например заголовок перед списком видео заголовок на лендинге, услуг и так далее). Для любых страниц.

Недопустимо использование как шапка всей страницы!
Заголовок текста
ТЕКСТОВЫЙ БЛОК: МИНИ

Рекомендуется использовать только для небольших блоков текста (от пары строк до одного абзаца)
Возможен для любых страниц
Работая в сфере маркетинга более 20 лет, удалось успешно запустить множество рекламных кампаний для малого и крупного бизнеса. Большой опыт позволяет создать уникальную стратегию для конкретной компании, учитывая бюджет, возможности и специфику сферы. В результате клиенты получили уникальный опыт комплексного подхода к рекламе. Объединяя как существующие на рынке инструменты маркетинга, так и современные средства автоматизации бизнеса и возможно создания своих собственных цифровых решений и индивидуальных стратегий.
ТЕСТОВЫЙ БЛОК: СТАНДАРТ

Рекомендуется использовать только для больших блоков текста (например как контент блога, документов или других длинных текстовых описаний)
Возможен для любых страниц
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et ligula non neque feugiat pellentesque. Mauris nec ullamcorper diam. Duis eget consequat nunc, a pulvinar velit. Nullam euismod tincidunt risus in hendrerit. Cras aliquam lobortis purus, eget fringilla nulla pulvinar id. Nam luctus dictum dui, et molestie dui venenatis sit amet. Aliquam fermentum lacinia tortor, eu venenatis nisi vehicula vel. In euismod feugiat erat, et consectetur erat mattis ut. Vivamus pellentesque ex sit amet semper egestas. Maecenas a nunc eros. Donec in tortor cursus est porta feugiat sed et nisl. Maecenas non hendrerit ipsum, nec bibendum magna. Suspendisse potenti. Suspendisse condimentum nec dolor non condimentum. Mauris ante mauris, tristique eu est vitae, pretium porttitor ligula.

Sed euismod a enim sit amet venenatis. Sed lacinia rutrum leo, at bibendum purus malesuada ut. Phasellus luctus orci leo, quis congue nibh pulvinar quis. Donec pellentesque, ante eget semper mattis, felis arcu condimentum ante, a placerat ipsum neque in ex. Etiam arcu sem, rutrum vel est ac, viverra commodo felis. Nullam urna mi, laoreet sed maximus nec, interdum in eros. Aenean accumsan quam rutrum egestas fringilla. Nulla condimentum id urna non ultrices. Duis congue commodo tristique. Proin eu est tellus. Praesent pulvinar, arcu in iaculis euismod, elit velit vulputate libero, eget finibus massa lorem id justo. Aliquam rhoncus urna interdum, pretium lectus sed, ornare ex. Proin sit amet ligula in ligula vehicula tempus. Quisque finibus pharetra justo, ac vestibulum enim sodales quis. Suspendisse sagittis lobortis mi. Vivamus nec elit sed nisi pharetra vulputate vel eget odio.


Пример поздаголовка

  1. Proin varius metus id lectus vehicula porttitor ut sit amet neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  2. Maecenas id felis est. Nam suscipit velit ac eros porta, cursus condimentum lacus scelerisque. Suspendisse at leo at ante efficitur accumsan nec eget ante. Aenean eu sem aliquam, congue dolor et, pharetra lacus.
  3. Cras a est odio. Praesent leo magna, vestibulum a ultrices sed, viverra a neque. Maecenas eget quam nec justo pharetra efficitur. Sed vulputate, libero pharetra congue varius, urna est egestas tellus, sed tristique velit velit vitae orci. Sed facilisis tincidunt tincidunt. Sed vulputate tellus nec libero aliquet consequat. Cras molestie ac magna non commodo.

Другой подзаголовок

Vivamus iaculis sed enim id mollis. Maecenas consequat nibh dui, in iaculis lacus pretium in. Quisque placerat iaculis lectus. Fusce hendrerit scelerisque eros, vitae vehicula risus maximus quis. Praesent non ipsum congue, lacinia enim a, feugiat augue. Vivamus lacinia porttitor viverra. Nullam vel efficitur massa, quis malesuada risus. Nam facilisis ultricies justo at venenatis. Integer accumsan, metus sagittis vehicula fermentum, orci justo porta turpis, at cursus justo sapien egestas quam. Pellentesque pulvinar efficitur mauris, sit amet maximus arcu mollis quis.
Curabitur nec est dapibus, ullamcorper purus cursus, suscipit risus. Donec at efficitur leo, sed bibendum nisl. Vivamus ultricies metus at nisi vestibulum, a efficitur nunc pulvinar. Nulla quis est at dui blandit porttitor. Ut ut laoreet lorem. Cras aliquet, ligula non vulputate bibendum, ante risus commodo augue, ac vestibulum metus ante nec eros. Nulla facilisi. Aenean mattis commodo mattis. Cras sit amet aliquet nunc.

СПИСОК В ДВЕ КОЛОНКИ
(с описанием)

Полезен для списка услуг или параметров чего-либо
Бизнес консалтинг
Развитие бизнеса в цифровой среде, автоматизация бизнес-процессов, внедрение ARM, CRM систем, сквозной аналитики и других цифровых инструментов.
Консультации в сфере маркетинга
НУЖНО НАПИСАТЬ
СПИКЕР НА МЕРОПРИЯТИЕ
По договоренности возможно участие в вашем мероприятии. Всегда только полезные и практичные темы, которые слушатели смогут применить сразу после выступления.
УСЛУГИ КОМАНДЫ «БИРС»
Внедрение и сопровождение комплексных рекламных кампаний, включая дополнительную услуги по созданию контента, копирайтингу, видео продакшену и разработке сайта или лендинга.
СПИСОК В ДВЕ КОЛОНКИ
(без описания)

Полезен для списка услуг или параметров чего-либо, где есть только название и нет описания.
Интернет-маркетинг
Менеджмент
Создание стратегии присутствия бренда в Digital-среде
Разработка рекламной стратегии
Поисковая оптимизация сайтов
Настройка и ведение контекстной рекламы
Продвижение бренда в социальных сетях, медиа
Видеомаркетинг
Разработка концепций сайтов. 
Управление командой разработчиков сайтов и Web-ресурсов
Внедрение CRM-систем и систем бизнес-аналитики 
Web-разработка*
Дизайн и проектирование сайтов, порталов, мобильных приложений*
Видеопродакшн для соц. сетей и TV*
Настройка и ведение рекламы во всех популярных рекламных систем.*
Копирайтинг и перевод на языки мира*
ПРАЙС ЛИСТ

Рекомендуется использовать для блоков, где необходимо указывать цены на список услуг или стоимость параметров конкретной услуги.
надзаголовок
Beard trim
$20
надзаголовок
Moustache trim
$17
надзаголовок
Men's haircut
$36
СПИСОК С ИКОНКАМИ

ВНИМАНИЕ!
Иконки должны быть белого цвета
или фирменного голубого: #ccd2d7

Иные цвета для иконок запрещены!
Иконки должны быть одноцветными, полноцветные иконки также НЕ допускаются!
High Quality
We are a leading firm in providing quality and value to our customers.
Unique Experience
Each member of our team has at least 5 years of legal experience.
Good Support
Our managers are always ready to answer your questions. You can call us during the weekends and at night.
Nice Gifts
We like to make people happy. We ask our clients about their birthday and prepare cool presents.
Individual Approach
This method allows us to achieve success in problems of all levels.
Effective Services
We care about our clients' time. Just give us a call, and we will help you with all the questions.
ВИДЕО БЛОК: БОЛЬШОЙ
YOUTUBE ТЕСТИРУЕТ СВОЙ ТИКТОК 
А вы знали что Ютуб готовит свою версию ТикТок, называется YouTube Shorts. Уже сейчас можно загружать короткие вертикальные видео на Ютуб. Обязательно ставьте в описании к видео тег Shorts.
ВИДЕО БЛОК: ДВА МАЛЫХ
ФЕЙСБУК СДАЛ ПОЗИЦИИ

ТикТок скоро будет впереди
РАСКРУТКА ФИТНЕС-КЛУБА

Как рекламировать фитнес клуб
СТАНДАРТНАЯ ИЛЛЮСТРАЦИЯ
(допустимо для фото, векторных и иных изображений)

Включено увеличение изображения по клику.
БОЛЬШАЯ КАРТИНКА ВО ВСЬ ЭКРАН
(с подписью)

ВНИМАНИЕ!
Картинка на мобильном "обрежется" по краям там, где находится поющий человек. Соответствнно фотография должна содержать объект в центре по горизонтали, иначе он будет не виден на мобильных устройствах!

To produce perfect books, these rules have to be brought back to life and applied.
ДВА ФОТО

Фотографии будут обрезаны по формату, показанному ниже. Включено увеличение изображения по клику.
ТРИ ФОТО

Рекомендуется использовать в редких случаях, для образной демонстрации небольших изображений. Картинки будут обрезаны по формату, как ниже, поэтому рекомендуется использовать одну почти квадратного формата и две в формате близком к HD.

Рекомендуется использовать для графиков и иной инфографики.

Включено увеличение изображения по клику.
ТРИ ФОТО: ВЕРТИКАЛЬНЫЙ ФОРМАТ

Рекомендуется использовать в редких случаях, для образной демонстрации небольших изображений. Картинки будут обрезаны по формату, как ниже, поэтому рекомендуется подготовить изображения в соответствии с данным вертикальным форматом.

Рекомендуется использовать для графиков и иной инфографики, где данные показаны вертикально.

Включено увеличение изображения по клику.
ЧЕТЫРЕ ФОТО: ОДНО ГЛАВНОЕ

Рекомендуется использовать в редких случаях, для образной демонстрации небольших изображений. Картинки будут обрезаны по формату, как ниже, поэтому рекомендуется подготовить изображения в соответствии с данным форматом.

Рекомендуется использовать для фотографий, где есть основное фото и 3 вспомогательных (например вид на собор, и три фото его интерьера внутри). Аналогично можно использовать для графиков и инфографики, демонстрируя на первом фото общую схему, а на 3-х мини изображениях 3 аспекта и детализация этой схемы.

Включено увеличение изображения по клику.
СТАНДАРТНАЯ ГАЛЕРЕЯ: ПРОЛИСТЫВАНИЕ

Включено увеличение изображения по клику.
СТАНДАРТНАЯ ГАЛЕРЕЯ: ПРЕВЬЮ

Включено увеличение изображения по клику.
СПИСОК СТАТЕЙ: БОЛЬШОЙ ФОРМАТ
СПИСОК СТАТЕЙ: МАЛЫЙ ФОРМАТ

Преимущество данного формата: на мобильном статьи идут в 2 колонки
ВСТАВКА — ПОДПИСЫВАЙТЕСЬ НА КАНАЛЫ

Рекомендуется для блога, но может быть использована на любых страницах.

Состоит из 2-х типовых блоков

Параметры блоков менять нельзя за исключением цвета фона всего блока (только основной и вспомогательных фирменные цвета)
Подписывайтесь на каналы
ВСТАВКА — ПОДПИСЫВАЙТЕСЬ В СОЦ СЕТЯХ

Может быть использована на любых страницах где нужно мотивировать пользователя подписаться в социальных сетях.

Состоит из 2-х типовых блоков

Параметры блоков менять нельзя за исключением цвета фона всего блока (только основной и вспомогательных фирменные цвета)
Подписывайтесь в социальных сетях
СТАНДАРТНАЯ КНОПКА ПАГИНАТОРА

Скрывает все блоки ниже кнопки, ID которых внесены в "Контент" данного блока с кнопкой. Можно использовать несколько кнопок подряд, чтобы создавать периодическую подгрузку контента на странице по запросу.

Допустимо для любых страниц и блоков.
ПОКАЗАТЬ ЕЩЕ
ПРИМЕР СТАНДАРТНЫХ ФОНОВ

При необходимости разделения блоков на странице цветом, возможно использование двух фирменных цветов.

Использование других цветов для фона запрещено!

Фирменны синий (основной)
#063b5a

Используется всегда как "первый" цвет фона на странице. Если на странице нет разделения на цвета фона у блоков используется только этот цвет!
Полезные статьи
Фирменны серо-синий (вспомагательный)
#1f3145

Используется только как вторичный цвет после фона с фирменным синем. Для разделения блоков за счет цвета фона используется чередование: основной, вспомогательный, основной, вспомогательны... и так далее.

Использовать этот цвет как основной для всей страницы (без фирменного синего) запрещено!
Полезные статьи
ТИПОВАЯ ФОРМА
Нажимая кнопку «Отправить» вы принимаете условия по обработке персональных данных
ТИПОВАЯ КНОПКА
ДВОЙНАЯ КНОПКА
МИКРОКОММЕНТАРИЙ

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

При использовании с типовой или двойной кнопкой (выше) рекомендуется располагать комментарий НАД кнопкой, чтобы не нарушать стиль верстки.
Нажимая кнопку «Отправить» вы принимаете условия по обработке персональных данных