डिज़ाइन सिस्टम

ड्राफ्टली एक निश्चित टेम्पलेट लागू नहीं करता है — यह आपके प्रॉम्प्ट से एक अद्वितीय डिज़ाइन सिस्टम उत्पन्न करता है। नियोजन चरण दो प्रमुख संकेतों को निकालता है:

ये पूरे साइट पर लागू होने वाले सीएसएस कस्टम गुण बन जाते हैं। परिणाम एक सुसंगत दृश्य पहचान है, न कि एक सामान्य थीम।

सभी जनरेट की गई साइटें सीएसएस वैरिएबल के एक मानक सेट का उपयोग करती हैं:

:root {
  --bg: #0a0a0f;            /* Page background */
  --surface: #111118;       /* Card / surface background */
  --accent: #3B82F6;        /* Primary accent / CTA color */
  --accent-2: #6366F1;      /* Secondary accent */
  --text: #E5E7EB;          /* Body text */
  --text-muted: #6B7280;    /* Secondary / muted text */
  --heading: #FFFFFF;       /* Headings */
  --border: rgba(255,255,255,0.08); /* Borders */
  --font-display: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;
}

रंग बदलने के लिए, इन्हें कोड टैब में संपादित करें या चैट का उपयोग करें: "--accent को #FF6B35 में बदलें"।

ड्राफ्टली सहज स्केलिंग के लिए सीएसएस clamp() का उपयोग करके तरल, प्रतिक्रियाशील टाइपोग्राफी उत्पन्न करता है:

फ़ॉन्ट Google फ़ॉन्ट्स के माध्यम से लोड होते हैं। मूड के अनुसार उत्पन्न सामान्य जोड़े: - इंटर + इंटर — स्वच्छ, सार्वभौमिक, अधिकांश सास - प्लेफेयर डिस्प्ले + लाटो — संपादकीय, लक्जरी, रेस्तरां - स्पेस ग्रोटेस्क + डीएम सैन्स — टेक, ज्यामितीय, स्टार्टअप - कॉरमोरेंट गारामोंड + कार्ला — परिष्कृत, उच्च-स्तरीय सेवाएं