Логотип и фирменный стиль Лайк.Доктор

Здесь собраны официальный логотип, фирменные цвета и правила использования. Если вы наш партнёр - клиника или врач - и хотите разместить у себя на сайте ссылку на профиль в Лайк.Доктор, берите файлы и бейдж отсюда и следуйте простым правилам ниже.

Логотип

Основной вариант - иконка со словесным знаком. Иконку и текст можно использовать и по отдельности.

Основной логотип

Иконка + текст

Иконка

Аватар, favicon, соцсети

Словесный знак

Когда иконка уже рядом

Логотип на разных фонах

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

Белый - основной

Светло-серый - подложки

Тёмный - на светлой подложке

Фирменный синий - на подложке

Форматы и скачивание

SVG - для сайтов и печати (масштабируется без потерь). PNG - если SVG не поддерживается.

Иконка

SVG PNG

Словесный знак

SVG PNG

Фирменные цвета

Основа палитры - синий #3B82F6. Логотип использует собственный сине-голубой градиент.

Основной синий

#3B82F6

Акцент, кнопки, ссылки

Тёмно-синий

#1D4ED8

Ховеры, глубина

Графит

#0F172A

Основной текст

Серо-синий

#64748B

Вторичный текст

Светлый фон

#F8FAFC

Подложки, карточки

Цвета логотипа

#2F95DD Иконка (верх) #1A83D2 Иконка (низ) #64C6EF Текст логотипа

Охранное поле и минимальный размер

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

Свободное поле вокруг знака (пунктир) - минимум высота иконки.

иконка - от 24px

текст - от 20px высотой

Ниже этих размеров логотип использовать не стоит.

Правила использования

Логотип можно использовать, чтобы поставить у себя ссылку на профиль в Лайк.Доктор. Просто не искажайте знак.

Можно

Ставить логотип со ссылкой на ваш профиль или профиль клиники в Лайк.Доктор.

Использовать официальные файлы отсюда - SVG или PNG.

Масштабировать пропорционально (за уголок), сохраняя соотношение сторон.

Размещать на светлом фоне; на тёмном/цветном - на светлой подложке.

Нельзя

Растягивать, сжимать, наклонять или разворачивать логотип.

Менять цвета, добавлять тени, обводки, градиенты и другие эффекты.

Перерисовывать знак или заменять шрифт словесного знака.

Размещать на пёстром фоне без подложки, где логотип плохо читается.

Использовать логотип так, будто ваш бренд - это Лайк.Доктор.

Готовый бейдж для сайта партнёра

Скопируйте код и вставьте на свой сайт. Замените адрес в href на ссылку на ваш профиль в Лайк.Доктор.

Как выглядит:

Профиль на

<a href="https://like.doctor/ваш-профиль" target="_blank" rel="noopener">
  <img src="https://like.doctor/images/redesign/logo-text.svg"
       alt="Профиль на Лайк.Доктор" height="32">
</a>

Нужен другой формат или есть вопрос?

Напишите нам - пришлём макеты и поможем с размещением.

i@like.doctor