@ptsecurity/branding

Брендинг Positive Technologies

Что есть в этом репозитории

• Папка design-tokens — дизайн-токены
• Папка favicons — набор всех нужных размеров фавиконок
• Папка webfonts — набор шрифтов

Как брать файлы

Лучше не скачивать из репозитория отдельные файлы, а подключить npm-пакет @ptsecurity/branding.

Подключение шрифтов

Все по работе с шрифтами в ./webfonts/README

Логотипы

Логотипы разных версий лежат в Фигме

Как добавлять фавиконки в проект

• Подключить npm-пакет или скачать все файлы из папки favicons.
• Подключить файлы к проекту, например, так: https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs (не забудьте поменять пути к иконкам, manifest.webmanifest)
• Отдельно можно добавить theme color, тогда в браузере Chrome цвет шапки браузера будет меняться. Метод описан здесь: https://css-tricks.com/how-to-favicon-in-2021/

Как собрать пакет брендинга

• Запустить npm run stage:commit
• Отвечать на вопросы, которые будут в консоли