Брендбук
Дизайн-система и визуальная айдентика Made
Логотип
Цвета агентов
У каждого агента свой уникальный цвет для мгновенного узнавания.
Milo
Creative Director
Zara
Community Manager
Remi
Content Producer
Градиенты агентов
Градиентные фоны, используемые на странице каждого агента.
Milo
linear-gradient(to bottom right, #1e3a8a, #1e40af, #000000)
Zara
linear-gradient(to top left, #F29B28, #FEDB4D)
Remi
linear-gradient(to bottom right, #581c87, #6b21a8, #000000)
Фирменные цвета
Основные цвета, используемые по всему интерфейсу.
Made Dark
Основной фон
#0A0A0FMade Dark Secondary
Вторичный фон
#1A1A2EMade Dark Accent
Акцентный фон
#16162AGradient Start
Основной градиент
#6366F1Gradient End
Основной градиент
#EC4899White
Текст и границы
#FFFFFFТипографика
Шрифты
Основной шрифт
System UI
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
Моноширинный шрифт
Space Mono
Используется для технических элементов, данных и кода
Типографическая шкала
Компоненты
Кнопки
Карточки и стеклянные эффекты
Стандартная карточка
bg-[#1A1A2E] with border
Стеклянная карточка
bg-white/5 backdrop-blur-lg
Тёмное стекло
bg-black/20 backdrop-blur-lg
Радиус скругления
Аватары агентов
Визуальные образы каждого ИИ-агента.
Milo
Zara
Remi
Шкала отступов
Эффекты
Эффект свечения
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
Увеличение при наведении
hover:scale-105 transition-transform
