Эти рекомендации помогут вам правильно разместить на своем сайте брендинг Дзена. Так пользователи смогут подписаться на ваш блог и добавить новостное СМИ в избранное.
Мы расскажем об основных элементах брендирования, которые вы сможете разместить на своем сайте: основной логотип, логотип-стелла, а также плашка с кнопкой.
У логотипа две вариации: стелла вне блока и стелла внутри блока;
Также у логотипа 4 варианта размеров: M, S, XS и XSS
Диапазоны стелл:
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" width="40px" /> Материалы:
https://www.figma.com/design/I29GhWUvnHXb10Yft5weyO/Элементы-брендинга-для-сайтов-СМИ?node-id=0-1
</aside>
В десктопной версии два варианта плашек с брендированной кнопкой.
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" width="40px" /> Материалы:
</aside>
Версия для тачей представлена в едином варианте.
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" width="40px" /> Материалы:
</aside>
Мы подготовили несколько советов, как органично вписать брендированные элементы Дзена в дизайн вашего сайта.
Используйте логотип-стеллу в ряду с другими логотипами-иконками;
Если нужно, допишите бренд своим шрифтом;
Стеллу можно вписывать в нужную вам форму: круга, квадрата и тд. Используйте для этого отдельную стеллу вне блока:
<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/158be866-6279-4221-ade5-cca899414e9c/d27aaa0f-edc8-41e7-a334-ff0c9804cd89/Stella_16x16-black.svg" width="40px" /> Материалы:
</aside>
