
Ciridae
सुलगते अंगारों की धड़कन से भरा एक खाली कमरा - एक लगभग काला गिरजाघर जहाँ एकमात्र गर्म ध्वनि जंग की एक पतली रेखा है, और हर सतह छाया के बजाय महीन रेखाओं द्वारा परिभाषित है।
सिरिडे एक खालीपन में काम करता है: एक #0b0b0b कैनवास, मुश्किल से दिखाई देने वाली रूपरेखाओं वाले गोली के आकार के नियंत्रण, और 400 वेट वाले प्रैगमेटिका कंड के अपरकेस में बंद टाइपोग्राफी—कोई बोल्ड नहीं, कोई मिश्रित केस नहीं, कोई सजावटी तत्व नहीं। एकमात्र रंगीन नोट #cc6437 है, एक गर्म, धधकती जंग जैसी छाया जिसका उपयोग सबसे पतले स्ट्रोक और छोटे उच्चारण चिह्नों के रूप में किया जाता है, कभी भी फिल के रूप में नहीं। मानचित्र 10px त्रिज्या और बिना छाया के #272a2a पर तैरते हैं; सिस्टम ऊंचाई से बचता है, टोनल कंट्रास्ट और सबसे पतले 1px बॉर्डर के माध्यम से सतहों को परिभाषित करता है। तस्वीरें बहुत धुंधली और वायुमंडलीय हैं—तरल संगमरमर, धुआं, आग—पूर्ण स्क्रीन मोड में पाठ के पीछे रखी जाती हैं, इसलिए दृश्य कल्पना चित्रात्मक की तुलना में अधिक वायुमंडलीय प्रतीत होती है।
पेज का लेआउट फुल-विड्थ है, जिसमें कंटेंट लगभग 1400px की अधिकतम चौड़ाई के भीतर केंद्र में स्थित है। हीरो एक गहरे रंग का, फुल-विड्थ कंटेंट है जिसमें केंद्र में नक्षत्र लोगो है और इसके बाएँ और दाएँ किनारों पर छोटे लेबल हैं। सेक्शन बारी-बारी से आते हैं: गहरा हीरो → हल्के रंग की पट्टी (बोन) → गहरा ट्रांसफॉर्म टेक्स्ट → सिस्टम कार्ड का गहरा ग्रिड → गहरा फुटर। एकमात्र हल्का सेक्शन एक स्पष्ट टोनल ट्रांज़िशन बनाता है। कार्ड ग्रिड में 4 कॉलम हैं, जिसमें पहला कार्ड बाकी तीन कार्डों से लगभग दोगुना चौड़ा है, जिससे कंटेंट पर ज़ोर देने वाला एक असममित लेआउट बनता है। सेक्शन के बीच ऊर्ध्वाधर स्थान पर्याप्त है (80px+)। नेविगेशन न्यूनतम है: एक शीर्ष समाचार बार + शीर्ष बार में एक बाएँ-संरेखित "अभी शुरू करें" और एक दाएँ-संरेखित "मेनू"। कोई साइडबार नहीं, कोई मेगा-मेनू नहीं।
होम स्क्रीन और कार्ड्स पर पूरे पेज को कवर करने वाली माहौल को दर्शाने वाली तस्वीरें हावी हैं। ये छवियां काफी धुंधली (बैकग्राउंड ब्लर वैल्यू 50px और 40px पाई गई) और हाई-कॉन्ट्रास्ट हैं, जिनमें नीले-लाल घुमावों वाला तरल संगमरमर, धुआं, परिदृश्यों की धुंधली आकृतियां और आग/अंगारे जैसी बनावट दिखाई देती हैं। तस्वीरें गंभीर और गहरी हैं, जीवंत नहीं—ये खाली कैनवास के समान टोनल रेंज साझा करती हैं, न कि उससे अलग दिखती हैं। इनमें कोई उत्पाद फोटो, कोई व्यक्ति या कोई UI स्क्रीनशॉट नहीं है। ये छवियां उदाहरण के तौर पर काम करने के बजाय माहौल बनाती हैं। कार्ड ग्रिड प्रत्येक सिस्टम को एक अलग माहौल से जोड़ता है, जिससे तस्वीरें शाब्दिक उत्पाद छवियों के बजाय अमूर्त दृश्य पहचानकर्ताओं के रूप में कार्य करती हैं।
पैलेट
ब्रांड
- Ember Rust
#cc6437— मोनोक्रोम सिस्टम में एक्सेंट स्ट्रोक, आइकन लाइनें और छोटे टेक्स्ट हाइलाइट ही एकमात्र क्रोमैटिक रंग होते हैं, जो फिल की बजाय मुश्किल से ध्यान देने योग्य स्पंदित स्पॉट के रूप में दिखाई देते हैं।
तटस्थ
- Void Black
#0b0b0b— मुख्य पृष्ठ और अनुभागों के लिए पृष्ठभूमि छवियां; संपूर्ण प्रणाली का आधार। - Charcoal Surface
#272a2a— अंधेरे क्षेत्रों पर कार्डबोर्ड और पैनलों से बनी पृष्ठभूमि छवियां कैनवास की तुलना में एक टोन हल्की होती हैं ताकि बिना छाया के सतहों को अलग किया जा सके। - Bone
#edebe7— पृष्ठभूमि और सतह के हल्के क्षेत्र क्रीम रंग के हैं, जहां सिस्टम गहरे से हल्के रंग में बदलता है। - Bone Darker
#dfddd9— बहुस्तरीय हल्की सतहों और गर्म, लगभग सफेद रंग के तत्वों के लिए "बोन" नामक एक नाजुक शेड। - Pure White
#ffffff— सभी मुख्य पाठ और शीर्षक, घोस्ट बटन बॉर्डर और नेविगेशन तत्व प्राथमिक रंग में हैं और इनका कंट्रास्ट अनुपात 19.7:1 है, जो कि एक खाली काले रंग की पृष्ठभूमि पर आधारित है। - Abyss
#050505— समाचार पट्टी (शीर्ष समाचार पट्टी) के लिए उभरा हुआ पृष्ठभूमि रंग मुख्य कैनवास से एक शेड गहरा है ताकि पट्टी स्पष्ट रूप से दिखाई दे।
टाइपोग्राफी
11 से 32px तक · 5 चरण
- Pragmatica Cond — प्रतिस्थापन: Oswald · रूपरेखा 400 · मुख्य डिस्प्ले और यूजर इंटरफेस फॉन्ट एक संकरा, सघन फॉन्ट है जिसमें बॉडी टेक्स्ट के लिए 14px के सभी अक्षर बड़े होते हैं, सेक्शन हेडिंग के लिए 20px और मुख्य टेक्स्ट के लिए 32px के अक्षर बड़े होते हैं। बेहद संकरा फॉन्ट और बॉडी टेक्स्ट के लिए 14px के सभी अक्षर इस सिस्टम के लिए सबसे उपयुक्त समाधान हैं: बॉडी टेक्स्ट किसी साधारण गद्य की तरह नहीं, बल्कि किसी आर्किटेक्चरल टाइपफेस की फुसफुसाहट की तरह पढ़ा जाता है। यदि प्रैगमेटिका कंडेंस्ड उपलब्ध नहीं है, तो इसे ओसवाल्ड या बार्लो कंडेंस्ड से बदलें।
- Pragmatica — प्रतिस्थापन: Inter · रूपरेखा 400 · यह एक द्वितीयक, प्राथमिक फ़ॉन्ट है जिसका उपयोग लंबे गद्य अंशों के लिए किया जाता है (उदाहरण के लिए, "एआई ऑपरेटिंग सिस्टम" कार्ड का विवरण 24px है, पैराग्राफ का पाठ 15px है)। बड़े पैराग्राफों में पढ़ने में आसानी के लिए यह प्रैगमेटिका कंड से थोड़ा चौड़ा है, लेकिन इसका वेट 400 ही है—यह कभी बोल्ड नहीं होता। इसे इंटर या सोहने से बदलें।
- Roboto Mono — प्रतिस्थापन: Roboto Mono (free · रूपरेखा 400 · समाचार टिकर के लिए एक मोनोस्पेस्ड माइक्रोफ़ॉन्ट ("समाचार • 15 जून, 2026 • क्रूसिबल अर्ली एक्सेस अब उपलब्ध है")। मोनोस्पेस्ड फ़ॉन्ट का उपयोग केवल यहीं किया गया है, जिससे एक स्पष्ट कार्यात्मक अंतर स्पष्ट होता है: यह सिस्टम डेटा है, ब्रांडिंग नहीं।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| बुनियादी कदम | 16-20px |
| बटन त्रिज्या | 1440px |
| कार्ड त्रिज्या | 10px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 80px |
| पृष्ठ की चौड़ाई | 1400px |
एआई आपकी वेबसाइट को Ciridae शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Dala — काले मखमली सतह पर तैरता हुआ एक तारामंडल
- Linear — मध्यरात्रि परिशुद्धता उपकरण
- Resend — काले मखमली कपड़े पर बैंगनी नियॉन रंग
- Dovetail — एक काली चाँदनी में बना खाका—मुश्किल से दिखाई देने वाली ग्राफ की रेखाएँ, सफेद फ़ॉन्ट, एक बैंगनी चमक
- Neon — अंधेरा होने के बाद एक सर्वर रूम। घोर अंधेरा, जहाँ एकमात्र रोशनी डेटा और उपयोगकर्ता की बातचीत से आती है।
- Discord — गेम की दुनिया एक पॉप-अप चैट विंडो के पीछे छिपी हुई है - प्रत्येक भाग अपने आप में एक अलग वातावरण है जिसमें अपनी अलग रोशनी और पात्रों का समूह है।
- Aaru — आधी रात को कण क्षेत्र वेधशाला
- Atlas Card — द मिडनाइट वॉल्ट, अपनी एकमात्र नीलमणि किरण के साथ, एक घोर अंधकारमय विस्तार है जहाँ केवल एक ही चीज मायने रखती है, वह है गहरा विद्युती नीला रंग।
- Midjourney — गहरे समुद्र में एक जैव-प्रकाशित टर्मिनल। एक ऐसी गहरी समुद्री दुनिया जहाँ बुद्धिमत्ता स्वयं को ASCII स्ट्रीम में दृश्य रूप से उत्पन्न करती है, और नियंत्रण धुंधली चमकती आकृतियों के रूप में दिखाई देते हैं।
- Checkly — डीप ऑर्बिट मिशन कंट्रोल सेंटर
- Krea — गैलरी नॉयर एट मिडनाइट
- Wope — वोप एक बैंगनी क्षितिज इंटरफ़ेस है। कल्पना कीजिए एक अंधेरी वेधशाला की मेज, जिसके कांच के नीचे से बैंगनी रोशनी निकल रही हो।