Брендбук
Дизайн-система и визуальная айдентика Made
Логотип
Цвета агентов
У каждого агента свой уникальный цвет для мгновенного узнавания.
Milo
Creative Director
Zara
Community Manager
Remi
Content Producer
Lila
Distribution Manager
Градиенты агентов
Градиентные фоны, используемые на странице каждого агента.
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)
Lila
linear-gradient(to bottom right, #7f1d1d, #991b1b, #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
Lila
Шкала отступов
Эффекты
Эффект свечения
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
Увеличение при наведении
hover:scale-105 transition-transform
