ब्रांड गाइडलाइंस
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
बॉर्डर रेडियस
एजेंट अवतार
हर AI एजेंट का विज़ुअल रिप्रेज़ेंटेशन।
Milo
Zara
Remi
Lila
स्पेसिंग स्केल
इफेक्ट्स
ग्लो इफेक्ट
box-shadow: 0 0 30px rgba(99, 102, 241, 0.6)
होवर स्केल
hover:scale-105 transition-transform
