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-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-30 13:15:43 +02:00
|
|
|
|
{{< docs-colorblock Жёлтый "#F2C94C" "242, 201, 76" "100, 100, 100, 100">}}
|
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
|
|
|
|
{{< docs-colorblock Серый "#616161" "97, 97, 97" "100, 100, 100, 100">}}
|
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
2024-01-30 16:51:59 +02:00
|
|
|
|
## Дополнительные цвета
|
|
|
|
|
|
|
|
|
|
{{< docs-colorblock Тёмно-серый "#30312C" "48, 49, 44" "100, 100, 100, 100">}}
|
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
2024-01-30 13:15:43 +02:00
|
|
|
|
{{< docs-colorblock Зелёный "#7EB07F" "126, 176, 127" "100, 100, 100, 100">}}
|
|
|
|
|
{{< /docs-colorblock >}}
|
2024-01-26 21:25:57 +02:00
|
|
|
|
|
2024-01-30 18:40:00 +02:00
|
|
|
|
{{< docs-colorblock Фиолетовый "#c7abc0" "199, 171, 192" "100, 100, 100, 100">}}
|
2024-01-30 16:51:59 +02:00
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
2024-01-30 18:40:00 +02:00
|
|
|
|
{{< docs-colorblock Тёмно-фиолетовый "#876e81" "135, 110, 129" "100, 100, 100, 100">}}
|
2024-01-30 16:51:59 +02:00
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
2024-01-30 18:40:00 +02:00
|
|
|
|
{{< docs-colorblock Голубой "#a3c1c0" "163, 193, 192" "100, 100, 100, 100">}}
|
2024-01-30 16:51:59 +02:00
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
2024-01-30 18:40:00 +02:00
|
|
|
|
{{< docs-colorblock Тёмно-голубой "#5a7a77" "90, 122, 119" "100, 100, 100, 100">}}
|
2024-01-30 16:51:59 +02:00
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
2024-01-30 18:40:00 +02:00
|
|
|
|
{{< docs-colorblock Красный "#daa799" "218, 167, 153" "100, 100, 100, 100">}}
|
2024-01-30 17:14:58 +02:00
|
|
|
|
{{< /docs-colorblock >}}
|
|
|
|
|
|
2024-01-30 18:40:00 +02:00
|
|
|
|
{{< docs-colorblock Тёмно-красный "#a9543c" "169, 84, 60" "100, 100, 100, 100">}}
|
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-30 20:07:49 +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
|
|
|
|
* Одно действие - одна картинка
|
|
|
|
|
* Формат .jpg
|
|
|
|
|
* Показывать окно браузера или приложения целиком
|
2024-01-30 20:07:49 +02:00
|
|
|
|
...
|