
Creative Giants
क्रीम रंग के कागज पर बना बड़े आकार का संपादकीय पोस्टर
क्रिएटिव जायंट्स एक बड़े आकार की आर्टबुक के पन्नों जैसा दिखता है, जिसे कोड में ढाला गया है: एक गर्म, मलाईदार कैनवास, पतले मार्जिन और इतने बड़े अक्षर कि वे शीर्षक से ज़्यादा पोस्टर जैसे लगते हैं। पूरा सिस्टम खाली जगह और एक ही हल्के आकार (300) पर काम करता है—शीर्षक 64–84px पर मुश्किल से सुनाई देते हैं, बोल्ड में उभरकर नहीं आते, और अक्षरों के बीच की दूरी अक्षर के आकार बढ़ने के साथ तेज़ी से घटती है (-0.04em), जिससे शब्द छिले हुए नहीं बल्कि तराशे हुए लगते हैं। रंग योजना छोटे, गहरे ब्रशस्ट्रोक में वितरित है: चमकीला बैंगनी, गहरा फ़िरोज़ी, हल्का नीला, चटख गुलाबी, पुदीना और नेवी ब्लू कार्ड की सतहों या एक्सेंट के रूप में दिखाई देते हैं, न कि पृष्ठभूमि भरने के रूप में। इंटरैक्टिव तत्व क्रीम रंग की पृष्ठभूमि पर काले आकार हैं जिनकी त्रिज्या पूरी तरह से गोल (1440px) है, जबकि क्रोम तत्व लगभग अदृश्य हैं—एक गोल लोगो और "मेनू" बटन सफेद जगह में तैरते हुए दिखाई देते हैं। इसका विज़ुअल कॉन्सेप्ट किसी प्रोडक्शन स्टूडियो की कॉन्टैक्ट शीट जैसा है: एक बड़ा शीर्षक, एक पूरी चौड़ाई वाली तस्वीर और मेटाटेक्स्ट की एक संक्षिप्त पंक्ति। बाकी सभी पृष्ठों में भी यही संक्षिप्त शैली अपनाई जानी चाहिए।
पूर्ण पृष्ठ लेआउट: इसमें कोई अधिकतम चौड़ाई वाला कंटेनर नहीं है; सामग्री पृष्ठ की पूरी चौड़ाई में फैली हुई है, जिसमें बाएँ और दाएँ मार्जिन बराबर हैं (मोबाइल पर 16–32px, डेस्कटॉप पर 32px+)। मुख्य शीर्षक एक बड़ा शीर्षक है (“क्रिएटिव जायंट्स” 84px पर) जो व्यूपोर्ट का लगभग 40% भाग घेरता है, इसके तुरंत बाद निचले बाएँ कोने में मेटा टैग और शीर्षक ओवरले के साथ एक पूर्ण पृष्ठ फोटो है। अनुभागों का क्रम एकसमान है: प्रत्येक नया अनुभाग थोड़े से बड़े अक्षरों वाले टेक्स्ट और स्पष्टीकरण से शुरू होता है, जो 48–64px के खाली स्थान से अलग होते हैं—एक उल्टे नेवी इंक एक्सेंट कार्ड को छोड़कर कोई वैकल्पिक गहरे/हल्के रंग की पट्टियाँ नहीं हैं। सामग्री बाएँ-संरेखित है; मुख्य शीर्षक को छोड़कर कोई भी ब्लॉक केंद्र में नहीं है। समाचार/केस स्टडी अनुभाग में दाईं ओर एक फ्लोटिंग तीर ब्लॉक के साथ कार्डों का तीन-स्तंभ ग्रिड उपयोग किया गया है। नेविगेशन एक ही शीर्ष शीर्षक के माध्यम से किया जाता है—शीर्षक के अलावा कोई साइडबार या कोई एंकर तत्व नहीं है। समग्र लेआउट विशाल है और संपादकीय शैली के अनुरूप है: प्रत्येक अनुभाग जीवंत लगता है, और खाली स्थान प्राथमिक संरचनात्मक तत्व है।
डिजाइन में संपादकीय फोटोग्राफी का प्रभुत्व है: छवियां पृष्ठ की पूरी चौड़ाई में फैली हुई हैं, जिनमें तीक्ष्ण कोण हैं और कोई ओवरलैप या गोल मास्क नहीं हैं। शैली वृत्तचित्र और वातावरणीय है—झुर्रीदार हाथ, सार्वजनिक इंस्टॉलेशन और लोगों के अनौपचारिक शॉट्स—बिना किसी बनावटी उत्पाद फोटोग्राफी का उपयोग किए। छवियां हमेशा बड़े आकार में प्रस्तुत की जाती हैं (पूर्ण-चौड़ाई व्यूपोर्ट या पूरे कार्ड को भरते हुए), इसलिए डिजाइन इकाई फोटोग्राफ है, न कि यूजर इंटरफेस। इसमें कोई चित्र, 3डी मॉडल या उत्पाद मॉकअप नहीं हैं। आइकनोग्राफी न्यूनतम है: एक छोटा गोलाकार लोगो, कैरोसेल नियंत्रणों पर आउटलाइन शेवरॉन और 1px आउटलाइन वाले हल्के UI आइकन। छवि घनत्व स्वयं छवि द्वारा निर्धारित किया जाता है, और पाठ फोटोग्राफ के नीचे या ऊपर एक विवेकपूर्ण एनोटेशन परत के रूप में कार्य करता है।
पैलेट
ब्रांड
- Magenta Bloom
#8a0467— गुलाबी रंग का उपयोग सजावटी विवरणों के लिए द्वितीयक रंग के रूप में और कम उपयोग होने वाले खोज प्रश्नों को उजागर करने के लिए किया जाता है। इसे किसी कॉल टू एक्शन के प्राथमिक रंग के रूप में उपयोग नहीं किया जाना चाहिए। - Forest Teal
#03624c— कार्ड फ्रेम और सजावटी वस्तुओं के लिए एक आकर्षक ब्रांड एक्सेंट रंग; दो-टोन फिनिश के लिए मैजेंटा ब्लूम के साथ अच्छी तरह से मेल खाता है।
तटस्थ
- Bone White
#fffef7— पेज कैनवास, कार्डबोर्ड की सतहें और गहरे रंग के टेक्स्ट एक गर्म, मलाईदार रंग के हैं जो शुद्ध #ffffff की जगह लेता है और पूरे सिस्टम को कागजी, मुद्रित जैसा एहसास देता है। - Ink Black
#000000— गहरे रंग तटस्थ टेक्स्ट और आइकनों के पूरक होते हैं और एक मजबूत कंट्रास्ट बनाते हैं। इसे कॉल टू एक्शन के लिए प्राथमिक रंग के रूप में उपयोग करने से बचें। - Graphite
#666666— मुख्य पाठ को प्रमुखता देने के लिए द्वितीयक पाठ, कैप्शन, मेटाडेटा और सहायक पाठ को पृष्ठभूमि में धकेल दिया जाता है। - Ash
#aaaaaa— इनपुट फ़ील्ड बॉर्डर, निष्क्रिय लिंक का रंग, तृतीयक विभाजक - एक नरम संरचनात्मक धूसर रंग जो आवश्यकता न होने पर गायब हो जाता है। - Charcoal Scale
#4d4c4a— सूची की सीमाओं के लिए मध्यम तटस्थ रंग, और गहरे ग्रेडिएंट पथ पर सूक्ष्म कंट्रास्ट वृद्धि - नीले-भूरे रंग के बजाय गर्म धूसर रंग। - Powder Blue
#a5c8eb— पोस्टकार्ड बैकग्राउंड, धुंधली पृष्ठभूमि, शांत चित्रण रंगों का उपयोग करके हल्के रंगों का प्रयोग करने से गर्म पृष्ठभूमि में प्रतिस्पर्धा पैदा किए बिना उसे शांत किया जा सकता है।
टाइपोग्राफी
12 से 84px तक · 7 चरण
- Switzer — प्रतिस्थापन: Inter (300 · रूपरेखा 300, 400 · एक ही फ़ॉन्ट प्रणाली: सभी डिस्प्ले तत्वों और शीर्षकों (12–84px) के लिए 300 वेट, बॉडी टेक्स्ट, मेटाडेटा और UI कंट्रोल्स के लिए 400 वेट। 64–84px साइज़ के लिए 300 वेट का उपयोग करना बेहतर विकल्प है—अधिकांश प्रणालियाँ यहाँ 700–800 बोल्ड फ़ॉन्ट का उपयोग करती हैं; हल्के रंग का स्विट्ज़र फ़ॉन्ट पतली रेखाओं को बनाए रखता है, जिससे क्रीम रंग की पृष्ठभूमि पर एयरब्रश्ड टाइप का आभास होता है। साइज़ बढ़ने के साथ अक्षरों के बीच की दूरी कम होने से (84px पर -0.04em, 14px पर -0.018em) भीतरी स्थान खुला रहता है, जिससे खालीपन का एहसास नहीं होता।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| बुनियादी कदम | 8px |
| बटन त्रिज्या | 1440px |
| कार्ड त्रिज्या | 0px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 64px |
एआई आपकी वेबसाइट को Creative Giants शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- ElevenLabs — हल्के क्रीम रंग के शेड्स में एक फोटो निबंध, जिसमें सूक्ष्म शीर्षक हैं। बॉहॉस शैली की एक नोटबुक—अंडे के छिलके के रंग का कागज, काली स्याही, और उत्पाद प्रदर्शन के लिए बैंगनी और नारंगी रंग का एक विशेष स्पर्श।
- monopo saigon — संपादकीय चुप्पी के पीछे एक तरल, इंद्रधनुषी चमक—पिघली हुई रोशनी पर तैरती एक मोनोक्रोम संपादकीय गैलरी
- Awesomic — नारंगी रंग के विराम चिह्नों से सजी संपादकीय जस्ता जाली, जो कॉन्फेटी की याद दिलाती है।
- Monad — गर्म चर्मपत्र पर संपादकीय तकनीकी पत्रिका
- Dub — लिंक का मैट राइस पेपर कंट्रोल पैनल
- Seline Analytics — गर्म कागज पर एक शांत विश्लेषणात्मक तालिका
- Notion — दोपहर की धूप में गर्म कागज की नोटबुक
- Hyer Aviation — चर्मपत्र पर बने कॉकपिट में गोधूलि बेला छाई हुई है। धुंधली सुबह का आकाश विमान के धड़ के आकार के सेरिफ़ लोगो से मिलता है, और एक हल्का सा गर्म मिट्टी का स्पर्श एकरंगी रंग की सादगी को तोड़ता है।
- Anthropic — गर्म चर्मपत्र पर छपी एक वैज्ञानिक क्षेत्र पत्रिका—शांत हाथीदांत जैसी सतहें, सेरिफ़ वाले संपादकीय शीर्षक, और मिट्टी का एक हल्का सा स्पर्श जो केवल तभी दिखाई देता है जब कार्रवाई की आवश्यकता होती है।
- Calendly — ठंडे संगमरमर पर गहरे नीले रंग की स्याही
- Augen Pro — एप्पल के सफेद रंग के प्रेजेंटेशन में एक मोनोक्रोम स्पेस में एकमात्र एक्सेंट के रूप में एक क्लीनिकल, भारहीन, इलेक्ट्रिक ब्लू रंग का इस्तेमाल किया गया है।
- OFF+BRAND. — गर्म चर्मपत्र पर इंद्रधनुषी गोला