Design System Guide

Тренды 2025-2026

Актуальные направления в дизайне интерфейсов и их статус в нашей системе.

Модульные сетки (Бенто)

Рассмотреть

Разнородные карточки разных размеров в единой сетке. Популярный паттерн для dashboards и лендингов.

3D и WebGL

Реализовано

Three.js сцены для презентации продуктов. Scene3D, ProductViewer3D и GlowSphere уже в библиотеке.

Вариативные шрифты

Рассмотреть

Один файл шрифта с плавной настройкой веса, ширины и оптического размера. Уменьшает загрузку.

Контейнерные запросы

Рассмотреть

CSS Container Queries — компоненты адаптируются к размеру родителя, а не viewport.

Адаптивный UI на основе ИИ

В будущем

Персонализация интерфейса на основе поведения пользователя. Релевантный контент, адаптивные формы.

Тёмный режим по умолчанию

Реализовано

Dark-first подход. Все токены и компоненты оптимизированы для тёмного фона #161616.

Микровзаимодействия

Реализовано

Framer Motion анимации на каждом действии: hover, focus, scroll, page transition.

Реализовано
Рассмотреть
В будущем