Paynet — это бренд, о котором знает весь Узбекистан: с устойчивым наследием и накопленным доверием за 18 лет работы сервиса. Команда Paynet представляет новый облик известного бренда.
paynet обновляется: что важно знать
Новый бренд.
Новый круг.
Новый Paynet.
Новый круг.
Новый Paynet.
В кругу доверия. Вокруг друзей
Делаем то, что посоветуем своим близким друзьям.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e085bc3356e55ad619957_wrap1.png)
С удобством для жизни. С пользой для людей
Помогаем сделать привычное проще, а новое — понятнее.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e08ec60a327e363e8908b_Group%20323.png)
Открытые к новому
Объединяем людей и компании в одном удобном месте.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e0926dd1f096f5d30f0e9_Group%20324.png)
Для каждого разный, по-своему свой
У всех свои задачи. Скромно помогаем их решать.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e09e5a95f1189689b3d89_Group%203233.png)
в кругу доверия вокруг друзей
Запоминающийся слоган, который ассоциируется с нашим брендом. Форма, которую мы применяем к различным точкам соприкосновения с нашими сервисами.
Говорим и показываем по-новому
Знакомьтесь: Пайнетжон
Пайнетжон — новое лицо бренда. Главный герой, который олицетворяет заботу, поддержку и радушие. Молодой и энергичный — всегда наготове помочь.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e034b56852b5e1792f8d8_07b7657062c691f3502c92491007ac18%20(1).webp)
Как мы говорим
Paynet — это B2B2C-бренд с широкой аудиторией. Мы сосредоточены на построении коммуникации для разных аудиторий в зависимости от потребностей, источников и каналов взаимодействия.
Мы используем собственный стиль написания, которого придерживаемся во внешних коммуникациях: на сайте, в рекламе и соцсетях.
Paynet всегда свой в кругу своих. Общаемся, как с близкими друзьями — с уважением и искренним желанием позаботиться.
Последовательно выражаем даже сложные мысли и отвечаем прямолинейно. Используем человеческий разговорный язык, а не бюрократичные отписки и скрипты. Это важно, чтобы проявлять искреннюю заботу и дружбу. Показывать клиенту, что он общается с живым человеком, который всегда наготове помочь.
Основные правила
1. Пишите по-человечески. Прочитайте текст вслух, осмыслите и подумайте, не звучит ли он сложно или неуклюже. Это особенно относится к текстам на узбекском языке. Старайтесь писать естественным языком, как в разговоре.
2. Используйте меньше слов. Люди заняты. Если завладели их вниманием, то уважайте их время. Если можете передать мысль короче без потери смысла — сделайте это.
3. Учитывайте контекст. Контекст — это понимание где, когда и зачем человек читает ваш текст. От оплаты коммунальных платежей до перевода родственнику — меняйте тон в зависимости от аудитории. Проявите заботу, словно это ваш близкий друг.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e2a06c3356e5573632fe6_f6e5f07316accd0080117baec11c93e1.webp)
Наш голос остаётся прежним, но тон меняется в зависимости от контекста и ситуации.
Разговорный тон. Наши публикации в социальных сетях живые и похожи на реальный разговор. Будьте открыты, честны и дружелюбны.
Побуждающий тон. Побуждайте к действию, но убедитесь, что оно полезно и решает проблему клиента. Дарите клиенту ценность и направляйте к полезным действиям.
Смелый тон. Будьте смелее и помните, что перед вами живой человек. Общайтесь с ним открыто, уважительно и по-человечески.
Оптимистичный тон. Такие слова, как «в кругу доверия» или «навечно бесплатно» — это нечто большее, чем просто остроумный оборот речи: они предполагают надежду, оптимизм и прогресс.
Полезный тон. Описывайте пользу, а не функцию. Не «трансграничные платежи», а «переводите близким из других стран без комиссии». Не «скидка 5%», а «сэкономьте до 2 млн сум в месяц на оплате».
Чёткий тон. Будьте прямолинейны. Не увиливайте от вопросов и не отвечайте формальными скриптами. Если нужно время, то прямо скажите об этом и уточните, сколько понадобится ждать.
Логотип
Скачать логотипЛоготип — это первое впечатление. Наша задача — сделать его плавным.
Что скрывает логотип
Новый логотип — знакомое сочетание окружности необычной формы и плавного написания бренда.
Наш знак — круг доверия. Он является узнаваемым элементом, и мы используем его последовательно.
Текстовая часть логотипа отличается чёткостью, уверенностью и дополняет образ своим дружелюбием.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e2c6e0aef43b68d27b810_Frame%20323.png)
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e8b3ba95f115170a36709_Frame%20513344.png)
Главный вариант — горизонтальный
Всегда используйте горизонтальный логотип, а не вертикальный, если это уместно.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e2d5e2508afb252c07513_Frame%20513335.png)
Вторичный вертикальный вариант
Используется, если очень мало места для горизонтального логотипа.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e2d9429bd36049c310b30_Frame%203513335.png)
Безопасное расстояние
Оставляйте больше воздуха вокруг логотипа — если место ограничено, воспользуйтесь схемой безопасного расстояния.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6295a95f119ccfa0ceb4_Frame%20513535.png)
Масштабирование
Соблюдайте правила и пропорции при изменении размера логотипа.
Соблюдайте минимальный размер, описанный ниже.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e2e643e13d838cbc08e2f_Frame%20513359.png)
Минимальные размеры
Минимальная ширина горизонтального варианта — 132 px.
Вертикального — 107 px.
Минимальный размер знака — 22×23 px.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e2fb11a62010655121f07_Frame%20513499.png)
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e8616001498eb90a5ae87_-774301948b1e2244f2f7c5509cf75e67.webp)
Знак бренда
Для значка приложения и в аватарке используется круг доверия на мятном фоне.
Размер круга — 75% от высоты значка.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e863bc3356eab37690e2b_7b8770c9b84533083dcf5c7ab92e34%D1%8B.png)
Круг доверия — окно возможностей
Используйте зелёный круг доверия как окно или портал в мир Paynet.
Это задача для дизайнера, который имеет опыт в дизайне коммуникаций.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e30762816fff6179ed706_Frame%20553362.png)
Правила использования и размещения
Размещайте логотип в одном из шести мест независимо от размера макета.
Если вы хотите разместить логотип в центре композиции, например, на обложке блокнота, используйте только знак круга.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6327181bfe519cb26c3b_Frame%205167351.png)
Как не надо делать
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e63c2a95f110593a0deee_1no.png)
1. Не растягивайте, не сжимайте
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e63c2e86fd71f8379a481_2no.png)
2. Не добавляйте обводку
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e63c29c872601318b4601_3no.png)
3. Не используйте неразрешённые цвета
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e63c2a0c93f515b902ec1_4no.png)
4. Не применяйте тени или эффекты
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e63c20704ea138e2797da_5no.png)
5. Не вращайте, не разделяйте
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e63c2a95f116b10a0deed_6no.png)
6. Не использовать вертикальное написание
Цветовые решения
Открыть в FigmaВ меру игривый, уместно контрастный. Играйте цветами, когда это уместно. Ниже — правила по использованию цветов в бренде.
Основная палитра
Используем сочетание контрастных цветовых решений — тёплые и холодные оттенки образуют гамы сочетаний и разности. Подчёркивают наши сильные стороны и показывают, что Paynet — для каждого свой.
Зеленый жемчуг и золото — две основных палитры, используемых в коммуникации.
Яркие и смелые оттенки розового и синего шёлка используются в рекламных материалах.
Зеленый жемчуг
PEARL1
#20CC6D
32, 204, 109
-
PEARL2
#47EB7E
71, 235, 126
-
PEARL3
#0BA859
11, 168, 89
-
PEARL4
#087E43
8, 126, 67
-
MINT
#DAFBED
218, 251, 237
-
Золото
GOLD1
#FED541
254, 213, 65
-
GOLD2
#F3B945
243, 185, 69
-
GOLD3
#9C3311
156, 51, 17
-
ROSEGOLD
#FEDDF3
254, 221, 243
-
Шёлк
BLUESILK
#0500FF
5, 0, 255
-
BLUESKY
#7ECBF1
126, 203, 241
-
BLUECLOUD
#CCEDFD
204, 237, 253
-
ROSESILK
#D52A9C
213, 42, 156
-
Контрастные оттенки
BLACK
#000000
0, 0, 0
-
WHITE
#FFFFFF
255, 255, 255
-
Акцентные
STEEL
#9195A1
145, 149, 161
-
VELVET
#1F0F57
31, 15, 87
-
Вспомогательные
PLASTER
#E9EAED
233, 234, 237
-
SAND
#EBE7E1
235, 231, 225
-
Разрешённые сочетания
Ниже — разрешенные сочетания цвета фона и элементов.
Используйте яркие и контрастные сочетания в материалах.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e666d20ba3964be178713_Frame%20513363.png)
Типографика
Скачать шрифтыИспользование подходящих слов помогает передать посыл, а правильная типографика захватывает внимание.
Крупные заголовки
Крупные заголовки набираются шрифтом «Карос софт». Пишется всегда маленькими строчными буквами.
Замена на Google Fonts:
Nunito (ExtraBold 800)
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e67019c8726d7a38b891a_Frame%20513336.png)
Простые заголовки и текст
Для набора текста на сайте и документах мы используем универсальный и легкосчитываемый шрифт, который поддерживает коммуникацию бренда.
Замена на Google Fonts:
Inter (Regular & Bold)
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e67e98bde35d33030fc94_Frame%20513352.png)
Стили текста
Крупные заголовки
Набираются только строчными (маленькими) буквами. Высота строки должна быть в пределах 100–120%, а межбуквенное расстояние должно составлять от -5% до -3%
Держите баланс, ориентируйтесь на примеры ниже:
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6857c3356ed1a2670756_Frame%20513363.png)
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6856a9415b528f670df8_Frame%20513366.png)
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e68561f1a36e1766d08f5_Frame%20513367.png)
Простые заголовки
Высота строки должна быть в пределах 100–120%, а межбуквенное расстояние должно составлять от -3% до -1%.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e685760a32772beee3a7b_Frame%20513364.png)
Текст
Хорошо продуманный текст выглядит лучше и легче читается. Для заголовков используйте полужирный шрифт, а для длинных текстов — обычный. Высота строки основного текста должна быть 110–140% от размера шрифта.
В тексте название бренда Paynet пишется с заглавной буквы. Кириллическая версия — Пайнет.
Как не надо делать
Не перепутайте шрифты для заголовка и текста —следуйте правилам выше
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6943c3356e9c7b67138e_Frame%20513363.png)
Не делайте широкое межбуквенное расстояние в текстах и заголовках
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e69436aae42cfa6bbad19_Frame%20513363-1.png)
Не используйте неправильные значения высоты строки
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6943d74e61784b0e3a06_Frame%20513363-2.png)
Не используйте заглавные буквы в крупных заголовках с Карос-софтом
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6943181bfe1aa5b2eb2c_Frame%20513363-3.png)
Не используйте другие начертания и толщину шрифта
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e69437cd2c3c80f4a9a06_Frame%20513363-4.png)
Не выравнивайте справа, и не ставьте два заголовка подряд
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e69436aae422538bbad18_Frame%20513363-5.png)
Иконки и иллюстрации
Иллюстрации и иконки — полезные инструменты в нашем арсенале. Придерживаемся принципа: «не скажи, а покажи».
Иллюстрации
Не полагайтесь на слова, иллюстрации выходят за рамки слов и могут передавать идею быстрее и проще.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6be80704ea115f28371d_7b8770c9b84533083dcf5c7ab92e3445%20(1).webp)
Иконки
Мы используем Material Symbols (Rounded) в качестве набора иконок. Простые и ясные — всегда под рукой.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6c36d74e6124890e71ef_Frame%203513437.png)
Макет и сетки
Открыть в FigmaЕсть три основных формата: вертикальный (01), квадратный (02) и горизонтальный (03). В зависимости от формата и масштаба меняется набор колонок для сетки.
Отступы
Мы используем отступы в 2,5%-10% от ширины макета. В баннере для соцсетей используем 2,5%, в печатных материалах — до 10% в зависимости от макета.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6cbf6234dea326146077_Frame%20513437.png)
Колонки
Используйте количество столбцов, кратное трём: 6, 9, 12, 24. Количество столбцов зависит от потребностей дизайнера. Ниже пример:
Ширина между колонками равна ширине отступа. Например, если отступ будет 2,5%, то ширина между колонками тоже будет 2,5%.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6cbf0dbcfab41fcd1431_Frame%20513437-1.png)
Горизонтальные линии
Добавляйте горизонтальные линии, чтобы улучшить читаемость. Они помогут упорядочить контент и определить точку, с которой должен начинаться текст.
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6cbf7cd2c317834aca1a_Frame%20513437-2.png)
Как сводить макет
1. Соберите логотип, тексты и графику
2. Установите сетку на макете
3. Разместите графику
4. Расставьте остальные элементы
![](https://cdn.prod.website-files.com/6399bcedb6020e301f825c28/644e6e1ce4f018d2f47eb665_Frame%20513437.png)
Есть вопросы?
Задайте их по адресу paynet@5x10.co
Руководство по использованию бренда Paynet.
Последнее обновление: май 2023