Инструкция по пользованию корпоративным стилем
Как делать все страницы Эры в одном стиле
Эра инженеров - классный проект.
В России мало образовательных проектов данной направленности.

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

Этот сайт первый шаг к тому, чтобы продвигать своей бренд и не ошибаться.


Цвета
На сайте используются 6 цветов
Синий
40b2cf
Оранжевый
fea621
Зеленый
9dd048
Черный
000000
Серый
EEEEEF
Белый
FFFFFF
Не стоит использовать другие цвета: это сделает сайт слишком ярким и будет отвлекать на себя внимание. Цвета взяты из логотипа, поэтому сочетаются со всем сайтом и любыми материалами. Помогает сформировать бренд.

В целом, цвета используются для:

Черный - шрифт.
Белый - фон и шрифт на ярких цветах
Синий - все выделения, элементы, кнопки. Все, что должно обращать на себя внимание - выделяется эти цветом.
Оранжевый - дополняет синий. Используется вместе с ним, например в меню и линиях. Так же для привлечения внимания к самым главным блокам.
Серый - фон для колл ту экшн блоков.
Зеленый - никак на сайте не применялся.

Шрифт
На сайте используется шрифт Mediator
Он шире и тоньше популярного Roboto.
Благодаря своим особенностям он лучше создает ассоциацию с инженерией и будущим.

Вы можете использовать любой другой шрифт, но дизайнеру сайта показалось, что Mediator лучший выбор.
Кегель
Все заголовки - 42
Подзаголовок - 24
Стандартный текст - 20
Описание (например в блоках команда и результаты) - 16

Исключения - необычные блоки (зеро или код)
Отступы
На сайте везде используется отступ 1 (30px)

Исключения:

1. Если блок заголовка идет отдельно от следующего блока, то нижний отступ у заголовка будет 0, а у блока ниже верхний отступ 0.
2. Нет отступов у меню и обложки
3. Отступы особых блоков (код или зеро блок) нужно делать отталкиваясь от внешнего вида.
Вопросы и ответы
Мы не просили делать этот гайд. Зачем?
А мы все равно сделали. Потому что самое худшее, что случается с сайтами после публикации - это непрофессиональные изменения и корректировки. Из любой конфетки неумелый дизайнер может сделать что-то не очень хорошее
Мне обязательно пользоваться этими правилами?
Правил не существует, поэтому нет. Это лишь набор рекомендаций, который поможет редактировать сайт при необходимости и сохранить общий стиль.
Я очень внимательно посмотрел и увидел, что вы сами не везде использовали нужный цвет и отступы. Как это понимать?
Как было сказано выше - эти правила не обязательно соблюдать. Если вы понимаете, что можете сделать в каком-то конкретном случае лучше - делайте. Главное, чтобы сайт выполнял свою функцию, все остальное не так важно.
Что делать, если я хочу что-то добавить/изменить, а здесь это не описано?
Сделайте это, а потом спросите себя: "Выглядит ли это хорошо? Соотносится ли с другими элементами сайта?"

Да - оставляйте
Нет - сделайте лучше
Сделано для Эры Инженеров
в Octon