на сайт

Хозяйке на заметку

Возможно, первое онлайн-руководство по фирстилю

Фирстиль: логотип и цвета, визитки и бланки, презентации Сайт: элементы, страницы

Для удобства все элементы на странице — SVG-файлы. Тяните прямо на рабочий стол или в графический редактор (может не сработать в некоторых браузерах).

PNG и EPS-файлы тоже есть.

Пара слов

Рассказывает Виталий Александров, основатель студии:

Когда всё начиналось, я хотел, чтобы название запоминалось.  В то же время название должно показывать, что мы смотрим на проблему широко. Так появилось «Out of Cloud» — смотрит на проблема сверху, из-за облаков. Ну а потом я заказал фрилансеру нарисовать логотип, и получилось вот так:

Рассказывает Михаил Терентьев, коммерческий директор:

Через пару лет мы слегка освежили стиль, и получилось так:

Ну и вот сейчас мы пришли к тому, что есть. Путём перебора множества вариантов мы решили играть смыслом слов напрямую: Out of — за границами облака, Cloud — внутри. Так получился наш новый логотип, с новыми правилами его использования на разных носителях, а также правилами использования элементов стиля и фирменных цветов.

Логотип

У студии знак совмещён с названием: надпись Out of Cloud, где слово Cloud вписано в облако.

 

Это основная версия логотипа на белом фоне. Она используется на сайте, визитках, презентациях. Важно: облако никогда не заливается зелёным цветом, оно всегда белое.

Дополнительные варианты: на зелёном фоне, одноцветный для тёмного фона.

 

Если из контекста неясно, чем занимается студия, лучше использовать знак с подписью.

Облако

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

#02ab93

Ссылки с цветами в шестнадцатиричной записи отправят цвет в буфер обмена плавание. Без знака решётки — сорри, фотошоп победил.

Цвета

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

#02ab93
C 85 M 5 Y 55 M 0
#e84c3c
C 0 M 85 Y 85 M 0
#fdbb2f
C 0 M 28 Y 90 M 0

Ищите в корпоративном Google Диске по запросу Elliot.

Шрифт

На всех носителях, от визитки до сайта, студия использует шрифт FS Elliot Pro. Это открытый гротекс с британским оттенком студии Фонтсмит.