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

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

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

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

: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;
}

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

Draftly निर्बाध स्केलिंग के लिए CSS clamp() का उपयोग करके तरल, रिस्पॉन्सिव टाइपोग्राफ़ी जनरेट करता है:

फ़ॉन्ट Google Fonts के माध्यम से लोड होते हैं। मूड के अनुसार सामान्य जोड़ियाँ: - Inter + Inter — स्वच्छ, सार्वभौमिक, अधिकांश SaaS - Playfair Display + Lato — संपादकीय, लक्ज़री, रेस्तरां - Space Grotesk + DM Sans — टेक, ज्यामितीय, स्टार्टअप - Cormorant Garamond + Karla — परिष्कृत, उच्च-स्तरीय सेवाएँ