Pro. Система
с характером.
Серебро с розовыми отражениями для витрины. Чёткая метка для кабинета. Один узнаваемый Pro везде.
Цвет и материал
#0A0A0C#FF2D95#F5F5FA#A2A8B4#8B94A4#E79EC6Розовый ведёт к действию. Хром отмечает подписку. Золото остаётся у амбассадоров, а розовый Silk обозначает ИИ: эти роли не смешиваем.
Жидкое серебро. Розовый свет.
Крупные металлические волны и розовые отражения. Наш вариант на основе бесплатного Liquid Chrome от React Bits. Выбранный Metallic Swirl задаёт характер материала; здесь используется самостоятельная адаптация бесплатного компонента.
Фон работает только в первом экране и в этом образце. Движение медленное, текст остаётся неподвижным. Вне экрана и на скрытой вкладке рендер приостанавливается; при уменьшенном движении остаётся один кадр.
Метка
Пишем Pro, а не PRO+. В кабинете метка статична, рядом с названием возможности. Она не означает, что функция уже подключена или открывает закрытый тест.
На тёмном и светлом фоне используем одну светлую металлическую плашку с тёмным текстом. Не полагаемся только на цвет.
Шоу там, где оно нужно
Тот же Ланол.
До 6 целей на экране. Без обязательной подписи.
Пример оформления с демонстрационными даннымиПропуск ловит свет, Ланол слегка двигается, переключение Free/Pro меняет демонстрацию. Текст, цены и таблица неподвижны. При уменьшенном движении остаётся статичная версия.
Типографика
Твой эфир.
Больше твоего.
Unbounded для заголовков и метки. Manrope для текста и условий. Цифры цены крупные, годовая сумма всегда показана целиком.
Правила применения
- Металл только у Pro, не у каждой карточки.
- Эффекты не заменяют демонстрацию продукта.
- В кабинете нет бесконечного блеска и парящих элементов.
- Не помечаем бесплатные функции как Pro.
- Будущие функции и закрытые тесты подписываем словами.