дизайн
платформа
yellowbe
как быстро начать использовать
дизайн-платформу
ресурсы
frontend
компоненты на React
Реализованные в коде компоненты дизайн-платформы для фреймворка React
токены компонентов
Готовые переменные всех свойств и стилей, которые при изменении дизайна автоматически обновляются в коде.
мигратор
Инструмент для миграции устаревших токенов.
web компоненты
Набор готовых и актуальных компонентов, которые значительно ускоряют процесс проектирования для веб-продуктов.
app компоненты
Набор готовых компонентов для создания интерфейсов под мобильное приложение.
набор базовых стилей
Обширная библиотека базовых стилей с готовыми палитрами, шрифтовой архитектурой и системой отступов.
плагин icon finder
Плагин для поиска нужной иконки в иконочном шрифте Beelineicons.
библиотека
Pixso
основы
brandbook
Каталог фирменного стиля и правил о том, как использовать логотипы, цвета, шрифты, корпоративные иллюстрации.
базовые токены
Набор базовых переменных (цвет, типографика, форма или свойство объекта) представленный в виде данных.
иллюстрации
Набор 3D-иллюстраций в едином стиле и цвете Дизайн-платформы, которые помогут укрепить визуальный язык вашего продукта.
иконки
Иконки Дизайн-платформы объединены в иконочный шрифт, который легко подключается к любому продукту. Шрифт имеет актуальную версию и автоматически дополняется новыми иконками.
перестилизация элементов
Файлы, упрощающие глобальные настройки (подключение шрифтов, перестилизация скроллбара и т.д).
гайды
Руководства по использованию инструментов дизайн-платформы.
файл перестилизации Angular
Файлы, перестилизующие библиотеку Angular Material в стили Дизайн-платформы Yellowbe.
материалы для разработчиков
командам и продуктам
Не нужно изобретать колесо!
Готовый набор протестированных компонентов и паттернов позволяют получить лучший UX с минимальными затратами.
Дизайн-платформа экономит время и энергию, позволяя дизайнерам и разработчикам сосредоточиться на более важных вопросах продуктов.
Единообразие и консистентность
Дизайн-платформа унифицирует внешний вид всех продуктов компании и укрепляет визуальный язык бренда на всех уровнях использования.
Единый источник информации о разработке интерфейсов в компании c best practices всегда под рукой.
Быстрее и качественнее
Помогает ускорить разработку продукта на различных этапах производства на:
Стандартизированные компоненты поддерживают совместную работу, и помогают строить лучший опыт для наших клиентов.
