Hướng Dẫn Thương Hiệu
Hệ thống thiết kế và nhận diện hình ảnh của Made
Logo
Màu Agent
Mỗi agent có một màu sắc riêng biệt để nhận diện tức thì.
Milo
Creative Director
Zara
Community Manager
Remi
Content Producer
Lila
Distribution Manager
Gradient Agent
Nền gradient được dùng trên trang giới thiệu của từng agent.
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)
Màu Thương Hiệu
Các màu chủ đạo được dùng xuyên suốt giao diện.
Made Dark
Nền chính
#0A0A0FMade Dark Secondary
Nền phụ
#1A1A2EMade Dark Accent
Nền nhấn
#16162AGradient Start
Gradient chính
#6366F1Gradient End
Gradient chính
#EC4899White
Văn bản & viền
#FFFFFFKiểu Chữ
Phông Chữ
Phông Chữ Chính
System UI
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
Phông Chữ Monospace
Space Mono
Dùng cho các yếu tố kỹ thuật, hiển thị dữ liệu và mã nguồn
Thang Kiểu Chữ
Thành Phần
Nút Bấm
Thẻ & Hiệu Ứng Kính
Thẻ Tiêu Chuẩn
bg-[#1A1A2E] with border
Thẻ Kính
bg-white/5 backdrop-blur-lg
Kính Tối
bg-black/20 backdrop-blur-lg
Bo Góc
Ảnh Đại Diện Agent
Hình ảnh đại diện trực quan cho từng agent AI.
Milo
Zara
Remi
Lila
Thang Khoảng Cách
Hiệu Ứng
Hiệu Ứng Phát Sáng
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
Phóng To Khi Di Chuột
hover:scale-105 transition-transform
