selfprivacy.org/content/ru/docs/Branding/_index.md

---
title: "Брендинг"
weight: 6
date: 2024-01-26
---

## Целевая аудитория

## Интерфейс

Для интерфейса приложения используется [Material Design 3](https://m3.material.io/)

* [Penpot](https://github.com/penpot/penpot-files/raw/main/Material%20Design%203.penpot)
* [Figma](https://www.figma.com/community/file/1035203688168086460)

## Логотип
{{% docs-logoblock "logo.svg" "#30312C" Основной цветной%}}
* Шапка сайта
{{% /docs-logoblock %}}

{{% 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 %}}

{{% docs-logoblock "app_icon_gp.png" "#d3d3d3" "Иконка приложения" %}}
* [Google Play icon design specifications](https://developer.android.com/distribute/google-play/resources/icon-design-specifications)
{{% /docs-logoblock %}}

{{% docs-logoblock "favicon-32x32.png" "#d3d3d3" "Фавикон" %}}
{{% /docs-logoblock %}}

## Основные цвета

{{< docs-colorblock Жёлтый "#F2C94C" "242, 201, 76" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Серый "#616161" "97, 97, 97" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}


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

{{< docs-colorblock Тёмно-серый "#30312C" "48, 49, 44" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Зелёный "#7EB07F" "126, 176, 127" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Фиолетовый "#c7abc0" "199, 171, 192" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Тёмно-фиолетовый "#876e81" "135, 110, 129" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Голубой "#a3c1c0" "163, 193, 192" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Тёмно-голубой "#5a7a77" "90, 122, 119" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Красный "#daa799" "218, 167, 153" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

{{< docs-colorblock Тёмно-красный "#a9543c" "169, 84, 60" "100, 100, 100, 100">}}
{{< /docs-colorblock >}}

## Текст
### Шрифты
* Montserrat для заголовков
* Inter для основного текста

### Типографика
* Кавычки-ёлочки
* Буква ё


### Стиль текста
* Простой и дружелюбный
* В инструкциях использовать множественное число и 1-ое лицо: "делаем", "устанавливаем"
* Не используем эмодзи

## Иллюстрации
### Лицензия
### Цвета

## Видео