Фирменный стиль

Логотип и фирменный стиль СтрахоБота

Для партнёров, прессы и своих макетов. Каждая версия логотипа есть в SVG для сайтов, PNG на прозрачном фоне и PDF для печати. Скачайте нужный файл или всё сразу архивом.

Знак СтрахоБота

Идея

Страховка нужна, когда что-то случилось. Пластырь на роботе говорит об этом без слов: случай закрыт, ущерб покрыт, можно работать дальше. Второй глаз под пластырем, робот не страдает, он уже в порядке.

Голова наклонена на 6°: робот слушает, а не стоит смирно. Антенна с янтарным огоньком сдвинута вправо: робот на связи и считает.

Знак

Голова робота с пластырем. Наклон и антенна делают его живым, поэтому в логотипе знак всегда с ними. Версии без наклона для мелких размеров.

Знак СтрахоБота, цветной без наклона
Цветной без наклонаSVGPNGPDF
Знак СтрахоБота, в одну краску без наклона
В одну краску без наклонаSVGPNGPDF
Знак СтрахоБота, на синем без наклона
На синем без наклонаSVGPNGPDF

Имя

"СтрахоБот" шрифтом Unbounded, "Бот" фирменным синим. Текст в кривых: не набирайте имя заново, берите готовый файл.

Иконки

В иконке знака нет: лицо робота занимает её целиком, без антенны и наклона. Чем мельче иконка, тем проще рисунок.

Для магазинов и соцсетей
Для магазинов и соцсетейКвадрат без скругления: углы и маску делает площадкаSVG
Фавикон
ФавиконДля мелких размеров: точки прямо на пластыре, без светлой подложкиSVGICOPNG 180PNG 512
Фавикон без точек
Фавикон без точекЗапасной вариант для самых мелких размеров: только пластырь и глазSVG

Цвета

Синий и тёмно-синий основные. Янтарь только для одного акцента на экране. Нажмите на код цвета, чтобы скопировать.

Тёмно-синийRGB 11 22 51текст, тёмные фоны, монохромные версии
ЭлектрикRGB 47 78 219знак, кнопки, ссылки, слово "Бот"
Синий на тёмномRGB 86 123 247слово "Бот", ссылки и кнопки на тёмном фоне
ЯнтарьRGB 245 166 35огонёк антенны, статусы, акценты. Не более 5 % площади
ПодушечкаRGB 221 228 251подушечка пластыря внутри знака, фоны плашек
ФонRGB 251 252 254фон страниц и интерфейса
Серый текстRGB 94 98 112вторичный текст
ЛинииRGB 226 230 243разделители, рамки
УспехRGB 29 154 108статусы "готово" в интерфейсе
ОшибкаRGB 214 69 69статусы ошибок в интерфейсе

Палитра для программ: ASE для Figma, Illustrator, Photoshop, GPL для GIMP и Inkscape. CSS, SCSS и JSON лежат в архиве.

Шрифты

Все три бесплатные, лицензия OFL. Файлы для сайта лежат в архиве.

Программа сама заполнит кабинеты страховыхGolos TextИнтерфейс, сайт, документы. 400-700Скачать в Google Fonts

Шаблоны

Готовые макеты для соцсетей, презентаций и печати. Свой текст: откройте HTML-исходник из архива в браузере, поменяйте и снимите заново.

OG-картинка 1200 × 630
OG-картинка 1200 × 630PNG
Аватар со знаком
Аватар со знакомPNG
Аватар с лицом
Аватар с лицомPNG
Обложка 1500 × 500
Обложка 1500 × 500PNG
Обложка ВКонтакте
Обложка ВКонтактеPNG
Пост 1080 × 1080
Пост 1080 × 1080PNG
Сторис 1080 × 1920
Сторис 1080 × 1920PNG
Обложка презентации
Обложка презентацииPNG
Слайд презентации
Слайд презентацииPNG
Заставка
ЗаставкаPNG
Обои 2560 × 1440
Обои 2560 × 1440PNG
Визитка, лицо
Визитка, лицоPNGPDF
Визитка, оборот
Визитка, оборотPNGPDF

Правила

Как надо

  • Минимальный размер: знак 20 px или 6 мм, логотип 140 px или 35 мм
  • Вокруг логотипа пустое поле на два диаметра огонька антенны
  • Новый формат делайте из SVG, не из PNG
  • В макете фон и белое 60 %, синий 25 %, тёмно-синий 10 %, янтарь 5 %
  • Для круглого аватара берите лицо: знак в круге теряет антенну
  • Нет фирменных шрифтов: текст набирайте Arial, логотип ставьте картинкой

Как нельзя

  • Растягивать, сжимать и зеркалить: пластырь всегда слева
  • Менять наклон знака
  • Перекрашивать в цвета не из версий на этой странице
  • Класть на градиент и пёстрый фон
  • Добавлять тени, обводки, объём и прозрачность
  • Набирать имя заново, капсом или другим шрифтом
  • Ставить синий знак на синий фон: для него версия "На синем"