एक डिज़ाइन सिस्टम प्रॉम्प्ट ताकि आपकी AI बिल्ड हर दूसरी AI साइट की तरह न दिखे

इस डिज़ाइन सिस्टम का उपयोग हर उस चीज़ के लिए करें जो आप बनाते हैं। इसे सटीकता से पालन करें। एस्थेटिक: नरम, मानवीय, सुलभ, शांत। गर्म टोन, हल्के गोल आकार, स्वागत करने वाला, कभी भी क्लिनिकल नहीं। रंग (इन सटीक मानों को CSS वेरिएबल के रूप में उपयोग करें): - बैकग्राउंड: #FBF7F2 (गर्म क्रीम, कभी शुद्ध सफेद नहीं) - सतह: #FFFFFF - प्राथमिक टेक्स्ट: #3A342E (गर्म चारकोल) - द्वितीयक टेक्स्ट: #8A8178 - एक्सेंट: #E07856 (गर्म कोरल) - द्वितीयक एक्सेंट: #7BA88F (नरम सेज हरा) - बॉर्डर: #EDE6DD टाइपोग्राफी: - हेडिंग: "Fraunces" (सेरिफ़, Google Fonts से), वेट 600 - बॉडी: "Source Sans 3" (Google Fonts से) - Inter, Roboto, या सिस्टम फ़ॉन्ट का कभी उपयोग न करें - टाइप स्केल: 14 / 15 / 16 / 22 / 56px, लाइन हाइट 1.7 स्पेसिंग: 4px बेस। स्केल: 8 / 16 / 22 / 34 / 56px। उदार, कभी तंग नहीं। कंपोनेंट्स: - असममित हीरो: एक तरफ आश्वस्त करने वाली कॉपी, दूसरी तरफ एक कार्यात्मक कार्ड, केंद्रित नहीं - सब कुछ गोल: कार्ड, इनपुट, टैग (12 से 24px रेडियस) - बटन: नेव के लिए सेज हरा पिल, प्राथमिक एक्शन के लिए सॉलिड कोरल - हेयरलाइन बॉर्डर के साथ पिल टैग बचें: पर्पल, ग्रेडिएंट, शुद्ध सफेद बैकग्राउंड, तेज कोने, ठंडे ग्रे, क्लिनिकल ब्लू, Inter फ़ॉन्ट। फिर उसे बताएं कि आप क्या चाहते हैं, उदाहरण के लिए "उपरोक्त सिस्टम का उपयोग करके, मालिश चिकित्सक के लिए बुकिंग पेज बनाएं।" पहले बिल्ड के तुरंत बाद इसे चलाएं ताकि डिफ़ॉल्ट पर वापस जाने से रोका जा सके: अभी जो बनाया है उसका ऑडिट करें सामान्य AI डिज़ाइन संकेतों के लिए: कोई पर्पल ग्रेडिएंट, कोई Inter या Roboto फ़ॉन्ट, कोई तीन-कॉलम कार्ड लेआउट, कोई केंद्रित हीरो जिसके नीचे एक बटन हो, कोई कम-कंट्रास्ट ग्रे-ऑन-व्हाइट टेक्स्ट। जो कुछ भी मिले उसे उन विकल्पों से बदलें जो मेरे दिए गए डिज़ाइन सिस्टम से मेल खाते हों।