Letters
एक खुली हवा वाली क्लिनिक में सुबह का अपॉइंटमेंट—हल्के नीले रंग की छत के नीचे एक साफ-सुथरी सफेद मेज, जिस पर नीले रंग के शल्य चिकित्सा उपकरण बिखरे पड़े हैं।
Letters एक मेडिकल लेटर राइटिंग टूल है जो ग्रेडिएंट ओपन-स्काई हेडर से शुरू होता है—एक नरम, वायुमंडलीय नीली पट्टी जो एक शांत, क्लीनिकल वातावरण बनाती है—फिर एक साफ सफेद वर्कस्पेस में बदल जाता है। सिस्टम को मोनोक्रोम शैली में डिज़ाइन किया गया है: एक साफ सफेद कैनवास, लगभग काला टेक्स्ट (#070709), गहरे रंग के पिल-आकार के कॉल टू एक्शन, और सबसे सूक्ष्म छायाओं पर तैरते हुए गोल कार्ड। एक चमकीला नीला रंग (#2597d0) कार्यात्मक विराम चिह्नों—आइकन, माइक्रोग्राफिक्स, वेवफॉर्म प्लेयर—के लिए आरक्षित है, जिसका उपयोग बटन या बड़े फिल के लिए कभी नहीं किया जाता है। टाइपोग्राफी में ओपन रुंडे का उपयोग किया गया है, जो एक ज्यामितीय मानवतावादी सैन्स-सेरिफ़ है जिसमें बड़े स्क्रीन आकार (-0.04em 80px पर) पर आक्रामक नकारात्मक अक्षर स्पेसिंग होती है, जो हेडर्स को आत्मविश्वासपूर्ण ब्लॉक में संकुचित करती है। इसके घटक हल्के महसूस होते हैं, जैसे कोई मेडिकल उपकरण: पतले बेज़ल, पर्याप्त कार्ड स्पेसिंग, पिल-आकार के बटन, और एलिवेशन का विवेकपूर्ण उपयोग जो आकाश-आकार के हेडर को भावनात्मक कार्य करने देता है।
आसमानी नीले रंग का ग्रेडिएंट होमपेज पूरे पेज की चौड़ाई में फैला हुआ है, जिसमें बीच में शीर्षक और उप-पाठ है, और नीचे एक कॉल-टू-एक्शन बटन है। यह सहजता से सफेद कंटेंट एरिया में परिवर्तित होता है, जिसमें अनुभागों के बीच पर्याप्त स्पेसिंग (80-120px) है। फीचर अनुभाग समान अनुपात वाले बड़े, गोल कार्डों (18-32px त्रिज्या) के दो-कॉलम ग्रिड का उपयोग करते हैं। अनुभाग शीर्षक हमेशा कार्ड ग्रिड के ऊपर, एक ही कॉलम में, बीच में होते हैं। नेविगेशन एक स्थिर सफेद टॉप बार है जिसमें बीच में लिंक का एक समूह और दाईं ओर संरेखित लॉगिन विकल्प हैं। समग्र लय एक ही, आकर्षक मुख्य पट्टी है, फिर सफेद और #f5f5f5 अनुभागों का बारी-बारी से उपयोग किया गया है, जिनमें लगातार ऊर्ध्वाधर स्पेसिंग है। कोई साइडबार नहीं है, कोई मेगा-मेनू नहीं है, कोई असममित लेआउट नहीं है—पेज एक शांत, सममित कॉलम जैसा लगता है।
विज़ुअल डिज़ाइन लगभग पूरी तरह से उत्पाद के यूज़र इंटरफ़ेस पर केंद्रित है—इसमें कोई लाइफस्टाइल फ़ोटो या अमूर्त 3D रेंडर नहीं हैं। विज़ुअल भाषा ऐप के मूल इंटरफ़ेस को प्रदर्शित करने वाले उत्पाद कार्डों के इर्द-गिर्द बनी है: दस्तावेज़ों की "पहले" और "बाद" की तुलना, बिंदीदार बॉर्डर वाला लोडिंग क्षेत्र और तरंगरूप में ऑडियो प्लेयर। एकमात्र वायुमंडलीय विज़ुअल तत्व मुख्य छवि में आकाश का ग्रेडिएंट है। आइकन सपाट, एकल-रंग #2597d0 लाइन आइकन (लिफ़ाफ़ा, माइक्रोफ़ोन, चेक मार्क) हैं, जिनकी लाइन मोटाई एक समान है और उनमें कोई भरा हुआ वेरिएशन नहीं है। चित्रण शैली संयमित है: उत्पाद मॉकअप सफेद पृष्ठभूमि पर प्रदर्शित किए गए हैं, जिन्हें गहराई का एहसास कराने के लिए थोड़ा घुमाया गया है, कभी भी तेज़ी से झुकाया नहीं गया है। हस्तलिखित फ़ॉन्ट (द डॉक्टर) एकमात्र ऑर्गेनिक/हस्तनिर्मित तत्व है, जिसका उपयोग केवल "पहले" कार्ड पर नैदानिक लिखावट को दर्शाने के लिए किया गया है।
पैलेट
ब्रांड
- Surgical Blue
#2597d0— आइकन, माइक्रोफोन आइकन, साउंड वेव प्लेयर और छोटे कार्यात्मक तत्व पूरे इंटरफेस में एक ही रंगीन नोट बनाते हैं।
तटस्थ
- Obsidian
#070709— बॉडी टेक्स्ट, भरे हुए कॉल-टू-एक्शन बटन और डार्क यूआई एलिमेंट्स—सफेद बैकग्राउंड के साथ कंट्रास्ट को कम करने के लिए शुद्ध #000 के बजाय लगभग काला रंग चुना गया है। - Paper White
#ffffff— पेज की पृष्ठभूमि, कार्ड की सतहें और बटन का टेक्स्ट, मुख्य तत्व के नीचे के सभी अनुभागों के लिए मुख्य कैनवास का काम करते हैं। - Cloud Gray
#f5f5f5— अतिरिक्त कार्ड सतहें और अनुभाग पृष्ठभूमि कार्यात्मक ब्लॉकों को मुख्य कैनवास से अलग करती हैं। - Sky Tint
#d7e6f5— कार्डबोर्ड फ्रेम का रंग और सतह का हल्का नीलापन, नीरसता के बजाय एक जीवंत वातावरण का एहसास कराते हैं। - Charcoal
#60606c— प्राथमिक पाठ, द्वितीयक पाठ और हल्के बॉर्डर - शीर्षक रहित सामग्री के लिए एक प्रमुख तटस्थ रंग। - Slate
#8b8b8b— छोटे-छोटे टेक्स्ट और निष्क्रिय सीमावर्ती राज्य - इनका उपयोग स्थानों को इंगित करने और विकलांग लोगों के लिए पहुंच सुनिश्चित करने के लिए किया जाता है।
टाइपोग्राफी
12 से 80px तक · 8 चरण
- sans-serif — प्रतिस्थापन: Inter · रूपरेखा 400, 700 · sans-serif - निकाले गए डेटा में पाया गया लेकिन AI द्वारा वर्णित नहीं किया गया।
- Open Runde — प्रतिस्थापन: Inter Tight · रूपरेखा 400, 500, 600, 700, 900 · शीर्षकों और नेविगेशन के लिए प्राथमिक फ़ॉन्ट एक ज्यामितीय मानवी शैली का है, जिसमें बड़े आकार में अक्षरों के बीच पर्याप्त अंतराल होता है; 80px पर -0.04em शीर्षक को एक ही ब्लॉक में संकुचित कर देता है। सभी शीर्षकों, नेविगेशन और बड़े टेक्स्ट के लिए इसका उपयोग करें।
- Inter — प्रतिस्थापन: system-ui · रूपरेखा 400, 500 · सेकेंडरी बॉडी और यूआई टेक्स्ट – इसका उपयोग छोटी हेडिंग, नेविगेशन एलिमेंट और इनलाइन लिंक के लिए किया जाता है, जहाँ पढ़ने की लय को सहज और संतुलित रखना आवश्यक होता है। यह ओपन रुंडे के साथ मिलकर पदानुक्रमित कंट्रास्ट बनाता है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 12-16px |
| बटन त्रिज्या | 100px |
| कार्ड त्रिज्या | 18px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 80-120px |
| पृष्ठ की चौड़ाई | 1200px |
एआई आपकी वेबसाइट को Letters शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Integrated Biosciences — आधी रात को बायोल्यूमिनेसेंस प्रयोगशाला
- Mintlify — कांच की मेज के ऊपर बादलों का बगीचा। हाथ से बनाया गया आकाश और वृत्तचित्र एक साथ फ्रेम किए गए हैं—यह एकमात्र स्थान है जहाँ रंग और अवधारणा आपस में टकराते हैं, इससे पहले कि पृष्ठ धीरे-धीरे मठवासी सफेद रंग में विलीन हो जाए।
- Gleap — एक ऐसा कार्यक्षेत्र जो गर्म क्रीम रंगों और ग्रेफाइट के स्पर्श से सजाया गया है—एक स्टूडियो जहां मैट ब्लैक स्याही के बिंदु लिनन की संरचना के ऊपर तैरते हुए प्रतीत होते हैं।
- Render — इसका डिज़ाइन ब्रश किए हुए एल्युमिनियम पर है। इसका इंटरफ़ेस एक साफ़-सुथरे, ज्यामितीय इंजीनियरिंग दस्तावेज़ जैसा दिखता है—सफेद जगह, पतली रेखाएँ और एक बैंगनी रेखा जो गतिविधि पर ध्यान आकर्षित करती है।
- Grafbase — ठंडे संगमरमर पर इंजीनियरिंग ड्राइंग
- Slash — सोने से मढ़े बहीखातों वाला आधी रात का तहखाना
- Modal — एक अंधेरे सर्वर कक्ष में एक फास्फोरसेंट टर्मिनल - प्रकाश का एकमात्र स्रोत चमकीला हरा रंग है।
- Whimsical — लैवेंडर रंग की पृष्ठभूमि पर गहरे बैंगनी रंग की स्याही—एक रचनात्मक स्टूडियो नोटबुक जो तकनीकी व्हाइटबोर्ड के रूप में भी काम करती है।
- AgentQL — रात में टर्मिनल के ऊपर उत्तरी रोशनी
- Alveos One — नदी के पत्थरों से बना एक आरामदायक आश्रय - एक शांत, मलाईदार रोशनी वाला ध्यान कक्ष जहाँ एक अकेली ग्रेफाइट वस्तु हल्की सुनहरी चमक में टिकी हुई है।
- GitHub — जैवप्रकाशित नियंत्रण बिंदुओं वाला एक अंतरिक्ष कमांड पैनल—एक अंधेरा, रहस्यमय कार्यक्षेत्र जहाँ एक हरी चमक आगे का रास्ता दिखाती है।
- Buddy — ग्राफ पेपर पर बना एक इंजीनियरिंग चित्र। सफेद ड्राइंग सतह पर लगभग काली स्याही से एक मुश्किल से दिखाई देने वाली ग्रिड बनाई गई है, जिसमें फ्लोरोसेंट चूने जैसे हरे रंग के निशान और इंद्रधनुषी रंग के ग्रेडिएंट स्ट्रोक हैं।