Брендинг 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
- Отвечать на вопросы, которые будут в консоли