1. Логотип и знак

Логотип НаПоправку

1.1 Общая информация

Логотип обеспечивает визуальный контакт с потребителем, а знак транслирует основную метафору айдентики НаПоправку
Важно! Не используйте текстовую часть лого отдельно от знака

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

Логотип НаПоправку — горизонтальный
Скачать Логотип:
Логотип НаПоправку — вертикальный
Скачать Логотип:
Знак НаПоправку
Скачать Знак:
Фавикон НаПоправку — буква «Н»
Скачать Фавикон:
Смотреть полную библиотеку логотипов в Figma

1.3 НаПоправку Плюс

Логотип «НаПоправку Плюс»
Скачать Логотип:
Знак «НаПоправку Плюс», вариант 1
Скачать Знак:
Знак «НаПоправку Плюс», вариант 2
Скачать Знак:
Фавикон «НаПоправку Плюс»
Скачать Фавикон:
Смотреть полную библиотеку логотипов в Figma

1.4 НаПоправку для клиник

1.5 Охранное поле

Логотип
Охранное поле со всех сторон равно ширине и высоте буквы Н.
Схема охранного поля вокруг логотипа НаПоправку: свободное место со всех сторон равно высоте буквы Н
Знак
Охранное поле со всех сторон равно ширине и высоте буквы Н в знаке.
Схема охранного поля вокруг знака НаПоправку: свободное место со всех сторон равно высоте буквы Н

1.6 Минимальные размеры

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

  • Базовый носитель — сайт, презентация, наружная реклама
  • Маленький носитель — визитка, бейдж, конверт
  • Очень маленький — фавикон, иконка приложения, аватар
В зависимости от размера и назначения носителя используйте один из трех размеров знака.
Логотип НаПоправку — базовый размер носителя
Знак НаПоправку — маленький размер носителя
Буква «Н» (фавикон) НаПоправку — очень маленький размер носителя
Базовый размер носителя
Маленький размер носителя
Очень маленький размер носителя

1.7 Вариативность логотипа

Шесть допустимых версий логотипа. Выбирайте по фону: на светлом — цветной, на тёмном — с белой надписью, в одноцветной печати — монохром.

На тёмном фоне — цветной знак
На тёмном фоне — монохром
На светлом фоне — цветной знак
На светлом фоне — монохром
Только знак — для аватаров и иконок
Вертикальный — для узких мест

1.8 Использование на сложных фонах

Если фон пёстрый, тёмный или непредсказуемый, логотип ставится на белую плашку. Плашка — прямоугольник со скруглёнными углами, отступ до знака не меньше половины его высоты, радиус скругления пропорционален отступу.

Фон близок по светлоте к логотипу
Пёстрый фон или текстура
Градиент
Фотография

1.9 Недопустимое использование

Восемь ошибок, которые встречаются чаще всего. Каждая ломает узнаваемость: логотип перестают считывать с первого взгляда.

✕
Перекрашивать в нефирменные цвета
✕
Растягивать по горизонтали
✕
Ставить на фон без контраста
✕
Добавлять тень или обводку
✕
Поворачивать под углом
✕
Ставить на пёстрый фон без плашки
✕
Обесцвечивать в серый
✕
Растягивать по вертикали
Единственное исключение

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

Коротко: чего нельзя с логотипом

  • ✕Использовать текстовую часть отдельно от знака
  • ✕Нарушать охранное поле вокруг лого и знака
  • ✕Брать вариант логотипа не из шести допустимых
  • ✕Ставить на пёстрый или тёмный фон без белой плашки
  • ✕Перекрашивать, растягивать, поворачивать, обесцвечивать — подробности в 1.9

2. Цветовая палитра

Цветовые веера

2.1 Основные фирменные цвета

Оранжевый и голубой — основа бренда. Насыщенные оттенки идут в акценты и кнопки, светлые — в фоны и подложки. Клик по строке копирует значение.

Оранжевый

Orange 100

Orange 60HEX: #FED267RGB: 254 210 103
Orange 20HEX: #FEF0CBRGB: 254 240 203
Голубой

Blue 100

Blue 60HEX: #66D6E4RGB: 102 214 228
Blue 20HEX: #CCF1F7RGB: 204 241 247

2.2 Фирменные цвета телемеда

В телемед-направлении вместо голубого используется фиолетовый. Оранжевый общий для обоих направлений — он остаётся неизменным.

Фиолетовый

Violet 100

Violet 60HEX: #B387FDRGB: 179 135 253
Violet 20HEX: #E6D7FERGB: 230 215 254
Оранжевый

Orange 100

Orange 60HEX: #FED267RGB: 254 210 103
Orange 20HEX: #FEF0CBRGB: 254 240 203

2.3 Дополнительные цвета

Цвета состояний: красный для ошибок, зелёный для успеха, фиолетовый для телемед-акцентов. В каждой линейке четыре ступени — от насыщенной к самой светлой.

Красный
Red 100HEX: #FF4956RGB: 255 73 86
Red 60HEX: #FF929BRGB: 255 146 155
Red 20HEX: #FFDBDDRGB: 255 219 221
Red 10HEX: #FFEDEDRGB: 255 237 237
Фиолетовый
Violet 100HEX: #8037FCRGB: 128 55 252
Violet 60HEX: #B387FDRGB: 179 135 253
Violet 20HEX: #E6D7FERGB: 230 215 254
Violet 10HEX: #F2EBFFRGB: 242 235 255
Зелёный
Green 100HEX: #23D376RGB: 35 211 118
Green 60HEX: #7CE5ADRGB: 124 229 173
Green 20HEX: #D3F5E4RGB: 211 245 228
Green 10HEX: #E9FAF0RGB: 233 250 240

2.4 Градиенты

Три фирменных градиента. Копируется и отдельный цвет, и готовая CSS-строка целиком.

Оранжевый градиент
Голубой градиент
Фиолетовый градиент

3. Шрифт

Буквы Aa

3.1 Основной шрифт

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

Аа Бб Вв Гг Дд Ее Жж Зз Ии Йй Кк Лл Мм Нн Оо Пп Рр Сс Тт Уу Фф Хх Цц Чч Шш Щщ Ъъ Ыы Ьь Ээ Юю Яя

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

1 2 3 4 5 6 7 8 9 0 ! @ # $ % ( * )

Montserrat бесплатен, в том числе для коммерческих проектов (лицензия SIL Open Font License). Скачивайте всю гарнитуру — в макетах нужны Regular, SemiBold и Bold.

3.2 Пропорции

Три уровня текста закрывают все задачи: крупный заголовок, подзаголовок и основной текст. Чем мельче текст, тем больше межстрочное расстояние — так он читается легче.

С подпиской «НаПоправку Плюс» сотрудник сможет получить консультацию врача в чате приложения

Крупный заголовокMontserrat Bold, 100x, интерлиньяж 100%

С подпиской «НаПоправку Плюс» сотрудник сможет получить консультацию врача в чате приложения

Средний подзаголовокMontserrat SemiBold, 50x, интерлиньяж 120%

С подпиской «НаПоправку Плюс» сотрудник сможет получить консультацию врача в чате приложения

Основной текстMontserrat Regular, 50x, интерлиньяж 160%

3.3 Палитра текста

Пять ступеней тёмно-синего вместо чёрного. Основной текст самый контрастный, дальше — вторичный, подписи и разделители. Белый — только на тёмных подложках.

Dark 100HEX: #373660RGB: 55 54 96
Dark 80HEX: #5E5E80RGB: 94 94 128
Dark 60HEX: #8686A0RGB: 134 134 160
Dark 20HEX: #D7D7DFRGB: 215 215 223
WhiteHEX: #FFFFFFRGB: 255 255 255

Коротко: чего нельзя со шрифтом

  • ✕Использовать шрифт, отличный от Montserrat
  • ✕Набирать текст чёрным вместо тёмно-синего (Dark 100–20)
  • ✕Ставить белый текст на светлый фон — White только для тёмных подложек

4. Работа с нейросетями

Робот

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

Файлы

  • ZIP81,4 КБПакет целиком — логотипы, инструкция, промт, таблица цветовСкачать

Совет: можно загрузить в AI-агента всю распакованную папку — агент сам разберётся, что нужно, и возьмёт нужные файлы. Прикладывать файлы по одному необязательно.

Промт

Промт целиком
Ты — дизайнер и редактор бренда «НаПоправку» — сервиса онлайн-медицины. Всё, что ты делаешь, должно соответствовать фирменному стилю.

**Цвета.** Основная пара: оранжевый #FFB401 и голубой #00B9D1. Светлые оттенки для фонов: #FED267 и #FEF0CB у оранжевого, #66D6E4 и #CCF1F7 у голубого. Для телемед-направления вместо голубого — фиолетовый #8037FC (светлые: #B387FD, #E6D7FE). Цвета состояний: красный #FF4956, зелёный #23D376. Никаких цветов вне этого списка.

**Текст.** Шрифт только Montserrat. Заголовки — Bold, интерлиньяж 100%. Подзаголовки — SemiBold, 120%. Основной текст — Regular, 160%. Цвет текста тёмно-синий #373660, а не чёрный. Вторичный текст #5E5E80, подписи #8686A0.

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

**Тон.** Экспертный, но без канцелярита; неформальный, но уважительный. Прямой, заботливый, спокойный. Мы партнёр рядом, а не спасатель сверху: показываем возможности и ограничения, решение оставляем за человеком.

**Чего не делаем:**
- не обещаем медицинский результат, которого нельзя гарантировать;
- не запугиваем последствиями и не приписываем болезни;
- не давим на цену: связываем её с ценностью, без «СКИДКА!!!» и капса;
- не используем эмодзи в интерфейсных текстах;
- не пишем «обращения», «осуществляется», «в кратчайшие сроки» и прочий канцелярит.

**Задача:**
[опишите, что нужно сделать: формат, аудитория, контекст, объём]
Made on
Tilda