Знаки продуктов

Персонажи: правила

Семья персонажей Umbra: у каждого продукта свой персонаж, а не один на все. Персонажи разные, их объединяет общая ДНК. Исходные файлы в brand/ (перенесены из продуктов без изменений), показ на странице сайта «Знаки продуктов» (/characters, раздел «Персонажи и логотипы»)

Общая ДНК:

• чёрный силуэт (#0A0A0A в знаке);
• белые глаза;
• акцент продукта: плитка под знаком или свечение у живого персонажа;
• свои детали у каждого продукта, по ним персонажа узнают

Персонажи продуктов:

Искра есть только у ShadeNotes; в портфолио её не добавлять

Живой или знак. Правило «одно живое существо» остаётся: живой персонаж только там, где он и есть продукт (портфолио). В приложениях персонаж статичный знак (логотип, иконка, заставка, сайдбар): анимированный персонаж в инструменте отвлекает. Живой компонент живёт в продукте (assistant-avatar портфолио) и в реестр не идёт

Живой персонаж портфолио:

• Рисунок: тело тёмное с радиальными градиентами (#050507 к #1A132B), снизу фиолетовый свет (#5930AF), мягкий край. Градиенты и свечение ауры разрешены только у живого персонажа: это свет существа, а не поверхность интерфейса. Цвета персонажа не роли интерфейса и в токены не входят
• Настроения (8), по приоритету сверху вниз:

• Движения (7), одной фигурой от нижнего центра: turn, lean, hop, stretch, shake, settle, twitch. Одно событие за раз; между событиями только моргание, дыхание и взгляды
• Взгляд: моргание (иногда двойное), микросаккады, осмотр в восьми направлениях
• Размеры: 24 и 40 (глаза и брови крупнее, без аксессуаров и циклов), 64 и 120 (аксессуары настроений, сцены только в 120)
• prefers-reduced-motion: событий и циклов нет, персонаж стоит
• Возможно позже: взгляд за курсором. Сейчас в коде портфолио слежение выключено, глаза двигаются только с настроениями, осмотром и взглядами

Знак для мелких размеров. У живого персонажа есть плоский знак для 16–24 px: силуэт без градиентов, белые глаза, на плитке акцента продукта с тем же радиусом 52/256. Для портфолио это предложение brand/portfolio/mark-proposal.svg (кобальтовая плитка), в продукт пока не поставлен

Как сделать персонажа новому продукту (чек-лист по ДНК):

• свой силуэт, чёрный, узнаётся по контуру без глаз и деталей;
• белые глаза, читаются в 16 px (в мелких размерах глаза крупнее, как у живого персонажа портфолио);
• одна своя деталь, по которой персонажа отличают от остальных; чужие детали (искра ShadeNotes, уши портфолио) не брать;
• знак на плитке акцента продукта, радиус 52/256 (сетка иконок macOS 824/1024);
• в знаке без градиентов, теней, обводок и эмоций;
• читается в 16, 24, 28 и 48 px на окне и на плитке в обеих темах;
• живой вариант только если персонаж и есть продукт; тогда градиенты ауры как свет существа и prefers-reduced-motion останавливает его