2024-01-26 21:25:57 +02:00
---
title: "Брендинг"
weight: 6
---
## Интерфейс
Для интерфейса приложения используется [Material Design 3 ](https://m3.material.io/ )
2024-01-30 20:07:49 +02:00
### Компоненты
2024-01-26 21:25:57 +02:00
* [Penpot ](https://github.com/penpot/penpot-files/raw/main/Material%20Design%203.penpot )
* [Figma ](https://www.figma.com/community/file/1035203688168086460 )
## Логотип
2024-01-30 20:07:49 +02:00
{{% docs-logoblock "logo.svg" "#30312C" Основной цветной %}}
2024-01-30 15:25:08 +02:00
* Шапка сайта
2024-01-30 14:25:18 +02:00
{{% /docs-logoblock %}}
2024-01-30 16:01:34 +02:00
{{% docs-logoblock "logo_hor_bw.svg" "#d3d3d3" "Основной чёрно-белый" %}}{{% /docs-logoblock %}}
{{% docs-logoblock "logo_compact.svg" "#30312C" "Компактный цветной" %}}{{% /docs-logoblock %}}
{{% docs-logoblock "logo_compact_bw.svg" "#d3d3d3" "Компактный чёрно-белый" %}}{{% /docs-logoblock %}}
{{% docs-logoblock "logo_round.svg" "#d3d3d3" "Цветной в круге" %}}
* Аватарки в социальных сетях
{{% /docs-logoblock %}}
{{% docs-logoblock "logo_squared.svg" "#d3d3d3" "Цветной в квадрате" %}}
* Аватарки в социальных сетях
{{% /docs-logoblock %}}
2024-01-30 15:25:08 +02:00
2024-01-31 17:32:28 +02:00
{{% docs-logoblock "logo_beta.svg" "#d3d3d3" "Лого с версией" %}}
* Оформление релизов
{{% /docs-logoblock %}}
2024-01-30 16:59:40 +02:00
{{% docs-logoblock "app_icon_gp.png" "#d3d3d3" "Иконка приложения" %}}
2024-01-30 18:40:00 +02:00
* [Google Play icon design specifications ](https://developer.android.com/distribute/google-play/resources/icon-design-specifications )
2024-01-30 16:59:40 +02:00
{{% /docs-logoblock %}}
2024-01-26 21:25:57 +02:00
2024-01-30 20:07:49 +02:00
{{% docs-logoblock "favicon-32x32.png" "#d3d3d3" "Фавикон 32x32" %}}
2024-01-30 17:14:58 +02:00
{{% /docs-logoblock %}}
2024-01-26 21:25:57 +02:00
## Основные цвета
2024-01-31 17:32:28 +02:00
{{< docs-colorblock Ж ё л т ы й " # F2C94C " " 242 , 201 , 76 " " 0 , 16 , 65 , 5 " > }}
2024-01-30 13:15:43 +02:00
{{< / docs-colorblock > }}
2024-01-31 17:32:28 +02:00
{{< docs-colorblock С е р ы й " # 616161 " " 97 , 97 , 97 " " 0 , 0 , 0 , 62 " > }}
2024-01-30 13:15:43 +02:00
{{< / docs-colorblock > }}
2024-01-30 16:51:59 +02:00
## Дополнительные цвета
2024-01-31 16:47:54 +02:00
{{< docs-colorblock Т ё м н о - с е р ы й " # 30312C " " 48 , 49 , 44 " " 2 , 0 , 10 , 81 " > }}
2024-01-30 16:51:59 +02:00
{{< / docs-colorblock > }}
2024-01-31 16:47:54 +02:00
{{< docs-colorblock З е л ё н ы й " # 7EB07F " " 126 , 176 , 127 " " 28 , 0 , 28 , 31 " > }}
2024-01-30 13:15:43 +02:00
{{< / docs-colorblock > }}
2024-01-26 21:25:57 +02:00
2024-01-31 16:47:54 +02:00
{{< docs-colorblock Ф и о л е т о в ы й " # c7abc0 " " 199 , 171 , 192 " " 0 , 14 , 4 , 22 " > }}
2024-01-30 16:51:59 +02:00
{{< / docs-colorblock > }}
2024-01-31 16:47:54 +02:00
{{< docs-colorblock Т ё м н о - ф и о л е т о в ы й " # 876e81 " " 135 , 110 , 129 " " 0 , 19 , 4 , 47 " > }}
2024-01-30 16:51:59 +02:00
{{< / docs-colorblock > }}
2024-01-31 16:47:54 +02:00
{{< docs-colorblock Г о л у б о й " # a3c1c0 " " 163 , 193 , 192 " " 16 , 0 , 1 , 24 " > }}
2024-01-30 16:51:59 +02:00
{{< / docs-colorblock > }}
2024-01-31 16:47:54 +02:00
{{< docs-colorblock Т ё м н о - г о л у б о й " # 5a7a77 " " 90 , 122 , 119 " " 26 , 0 , 2 , 52 " > }}
2024-01-30 16:51:59 +02:00
{{< / docs-colorblock > }}
2024-01-31 16:47:54 +02:00
{{< docs-colorblock К р а с н ы й " # daa799 " " 218 , 167 , 153 " " 0 , 23 , 30 , 15 " > }}
2024-01-30 17:14:58 +02:00
{{< / docs-colorblock > }}
2024-01-31 16:47:54 +02:00
{{< docs-colorblock Т ё м н о - к р а с н ы й " # a9543c " " 169 , 84 , 60 " " 0 , 50 , 64 , 34 " > }}
2024-01-30 17:14:58 +02:00
{{< / docs-colorblock > }}
## Текст
### Шрифты
2024-01-26 21:25:57 +02:00
* Montserrat для заголовков
* Inter для основного текста
2024-01-30 17:14:58 +02:00
### Типографика
2024-01-31 17:32:28 +02:00
#### Используем:
* Кавычки-ёлочки
* Длинное тире
* Букву ё
* Знаки препинания в конце элементов ненумерованного списка
2024-01-26 21:25:57 +02:00
2024-01-30 20:07:49 +02:00
### Стиль речи
2024-01-26 21:25:57 +02:00
* Простой и дружелюбный
2024-01-30 20:07:49 +02:00
* В инструкциях используем множественное число и 1-о е лицо: "делаем", "устанавливаем"
* Н е используем эмодзи в тексте, оставляем эмодзи в никнеймах контрибьюторов
## Декоративные иллюстрации
* Плоские заливки
* Тёмная обводка
* Круглые концы у обводок
* В местах, где сходится много линий сразу, оставляем промежуток
* Промежутки на углах могут содержать декоративные точки
* Атрибут `alt` должен быть пустым: `alt=""`
2024-01-26 21:25:57 +02:00
2024-01-30 20:07:49 +02:00
## Релизные баннеры
2024-01-30 20:35:37 +02:00
* Шаблоны баннеров в penpot
2024-01-30 20:07:49 +02:00
### Большие обновления интерфейса с несколькими скриншотами
![Баннер релиза версии 0.9.0 ](release-banner.png )
* Показываем 4 скриншота
* Н е кладём скриншоты в мокапы
* Скриншоты не должны сливаться с фоном
### Обновления интерфейса с одним большим скриншотом
...
### Обновления API с заголовком
...
### Релиз без скриншотов и заголовков
...
## Правила оформления скриншотов приложения для маркетплейсов
2024-01-30 20:35:37 +02:00
* Шаблоны в penpot
* Один скриншот - одна фича
2024-01-30 20:07:49 +02:00
## Правила оформления скриншотов для документации
2024-01-30 20:35:37 +02:00
* Одно действие - одна картинка
2024-01-31 17:32:28 +02:00
* Формат `.jpg`
2024-01-30 20:35:37 +02:00
* Показывать окно браузера или приложения целиком
2024-01-31 12:07:55 +02:00
* Язык интерфейса приложения должен совпадать с языком документации
* Язык интерфейса сторонних сервисов должен совпадать с языком документации, если сервис поддерживает этот язык. В остальных случаях использовать скриншоты англоязычного интерфейса.
2024-01-31 17:32:28 +02:00
* Цвета интерфеса должны сочетаться с брендовыми цветами