Resend
काले मखमली कपड़े पर बैंगनी नियॉन रंग
रीसेंड लगभग पूरी तरह से अंधेरे में मौजूद है—एक साफ़ काला कैनवास, पतले ग्रेफाइट बॉर्डर और काले बैकग्राउंड पर सफ़ेद रंग की टाइपोग्राफी, जो फ्रॉस्टेड ग्लास पर छपे टेक्स्ट को पढ़ने का एहसास कराती है। मुख्य तत्व अलंकरण-रहित है: एक त्रि-आयामी काले घन के बगल में 96px डोमेन फ़ॉन्ट में एक बड़ी सेरिफ़ हेडलाइन, बिना ग्रेडिएंट या मार्केटिंग चित्रों के। ब्रांड चिह्न गहरा बैंगनी (#9281f7) रंग का है, जो ईमेल एड्रेस लाइन, स्टेटस आइकन और कोड सैंपल में दिखाई देता है—बटन पर कभी नहीं। एक मोनोस्पेस्ड फ़ॉन्ट (कमिट मोनो) हर कोड ब्लॉक, आइकन और इनलाइन लेबल के माध्यम से डेवलपर के व्यक्तित्व को दर्शाता है, जिससे पेज एक शानदार इंटरफ़ेस में बंद टर्मिनल जैसा लगता है। कंपोनेंट्स के कोने नुकीले या हल्के गोल (6px / 16px) हैं, ऊंचाई कम है और लेयर्स को अलग करने के लिए शैडो के बजाय 1px बॉर्डर का उपयोग किया गया है। डायनामिक्स सूक्ष्म लेकिन अभिव्यंजक हैं: मुख्य स्क्रीन पर टेक्स्ट का सहज फ़ेड होना और स्लाइड होना, WebGL का उपयोग करके घन का सूक्ष्म रोटेशन और होवर करने पर 150 मिलीसेकंड का छोटा ट्रांज़िशन।
दृश्य डिज़ाइन में लगभग पूरी तरह से WebGL से निर्मित 3D ऑब्जेक्ट (मुख्य विंडो में काला घन, घूमती हुई ज्यामितीय आकृतियाँ) और उत्पाद के उपयोगकर्ता इंटरफ़ेस के एम्बेडेड स्क्रीनशॉट शामिल हैं, जिन्हें गहरे रंग की कोड विंडो में प्रदर्शित किया गया है। इसमें किसी भी प्रकार की फ़ोटो, चित्र या जीवनशैली से संबंधित छवियों का उपयोग नहीं किया गया है। ट्रस्ट बार में लोगो मूल रंगों में एम्बेडेड SVG छवियाँ हैं। आइकन 1px-1.5px की आउटलाइन हैं जिनमें #f0f0f0 या #a1a4a5 स्ट्रोक का उपयोग किया गया है। दृश्य भाषा: एक काला कैनवास, मुख्य विंडो के आधार के रूप में एक 3D ऑब्जेक्ट, उत्पाद के प्रमाण के रूप में गहरे रंग की कोड विंडो, और सामाजिक प्रमाण के रूप में सफेद SVG लोगो। इसमें कुछ भी सजावटी नहीं है—प्रत्येक दृश्य तत्व या तो संरचनात्मक (घन) है या प्रदर्शनकारी (कोड विंडो, लोगो)।
पैलेट
ब्रांड
- Iris Violet
#9281f7— लिंक, टैग और हाइलाइट किए गए छोटे वाक्यांशों के लिए बैंगनी रंग का टेक्स्ट; आइकन कंटेनर और ब्रांड आइकन पर बैंगनी से मैजेंटा तक विकर्ण ग्रेडिएंट। - Iris Violet Glow
#baa7ff— लिंक, टैग और संक्षिप्त रूप से हाइलाइट किए गए वाक्यांश बैंगनी रंग में हाइलाइट किए गए हैं।
तटस्थ
- Void Black
#000000— पेज की पृष्ठभूमि, कार्डबोर्ड की सतहें, ओवरले स्क्रीन - पूरा कैनवास। - Graphite Hairline
#292d30— कार्ड, इनपुट फ़ील्ड, बटन, कोड ब्लॉक और डिवाइडर पर 1px बॉर्डर प्रत्येक लेयर के विभाजन को परिभाषित करते हैं। - White
#ffffff— मुख्य शीर्षक, शीर्षक, बटन लेबल, आइकन फिल को गहरे रंग की सतहों पर प्रदर्शित करना। - Bone White
#f0f0f0— मुख्य पाठ, गौण शीर्षक, आइकन की रूपरेखा - पढ़ने के लिए मुख्य रंग। - Ash Gray
#a1a4a5— म्यूट किया हुआ बॉडी टेक्स्ट, आइकन लेबल, आइकन आउटलाइन - तृतीय-स्तरीय टेक्स्ट और मेटाडेटा। - Smoke Gray
#abafb4— लिंक का रंग, अक्षम बटन का टेक्स्ट, सहायक लेबल - चौथे स्तर का टेक्स्ट
टाइपोग्राफी
12 से 96px तक · 8 चरण
- Inter — प्रतिस्थापन: Inter (Google Fonts) · रूपरेखा 400, 500, 600 · बॉडी टेक्स्ट, यूआई लेबल, नेविगेशन, बटन, लिंक। वर्किंग टूल - कोड को छोड़कर सभी सतहों पर 1,280 बार दिखाई देता है।
- Domaine — प्रतिस्थापन: GT Sectra · रूपरेखा 400 · शीर्षक का टेक्स्ट—400 पॉइंट फ़ॉन्ट और 96px अक्षर स्पेसिंग के साथ—एक संपादकीय, लगभग प्रिंट जैसा अनुभव देता है। पूरे पृष्ठ पर इसका उपयोग केवल दो बार सबसे बड़े शीर्षक के लिए किया गया है।
- aBC Favorit — प्रतिस्थापन: Inter Display · रूपरेखा 400, 500 · अनुभाग शीर्षक और उपशीर्षक। ब्रांड शैली का फ़ॉन्ट 56px, वज़न -400 और अक्षर अंतराल -0.05em है। इस ज्यामितीय सैन्स-सेरिफ़ फ़ॉन्ट में अत्यधिक नकारात्मक अक्षर अंतराल एक सघन, आत्मविश्वासपूर्ण प्रभाव पैदा करता है, जो मुख्य डोमेन टाइपफेस के विपरीत है।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | विशाल |
| बुनियादी कदम | 16px |
| बटन त्रिज्या | 6px |
| कार्ड त्रिज्या | 16px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 96px |
| पृष्ठ की चौड़ाई | 1200px |
एआई आपकी वेबसाइट को Resend शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- Neon — अंधेरा होने के बाद एक सर्वर रूम। घोर अंधेरा, जहाँ एकमात्र रोशनी डेटा और उपयोगकर्ता की बातचीत से आती है।
- Discord — गेम की दुनिया एक पॉप-अप चैट विंडो के पीछे छिपी हुई है - प्रत्येक भाग अपने आप में एक अलग वातावरण है जिसमें अपनी अलग रोशनी और पात्रों का समूह है।
- Midjourney — गहरे समुद्र में एक जैव-प्रकाशित टर्मिनल। एक ऐसी गहरी समुद्री दुनिया जहाँ बुद्धिमत्ता स्वयं को ASCII स्ट्रीम में दृश्य रूप से उत्पन्न करती है, और नियंत्रण धुंधली चमकती आकृतियों के रूप में दिखाई देते हैं।
- Wope — वोप एक बैंगनी क्षितिज इंटरफ़ेस है। कल्पना कीजिए एक अंधेरी वेधशाला की मेज, जिसके कांच के नीचे से बैंगनी रोशनी निकल रही हो।
- Ori — आधी रात को सर्वर रूम एक काला शून्य होता है, सफेद रोशनी होती है, और बस एक स्विच ऑन होता है।
- Amaterasu — आकाशीय फ़िरोज़ा अभयारण्य
- Obsidian — क्रिस्टलीय ज्ञान का भंडार। स्पष्टता और एकाग्रता के लिए डिज़ाइन किया गया एक स्पष्ट, बहुआयामी डिजिटल स्थान, जिसमें अंतःक्रिया की चमकदार बैंगनी नसें हैं।
- Morphic — कृत्रिम बुद्धिमत्ता द्वारा संचालित कहानी कहने के लिए एक गहरा सिनेमाई कैनवास। शुद्ध काला रंग नीले रंग की हल्की-हल्की चमक और उत्पन्न छवि की आभा को छोड़कर बाकी सब कुछ सोख लेता है।
- Valo — आधी रात के समय एक रहस्यमय वेधशाला—एक साफ काले बैकग्राउंड पर 300pt टाइपोग्राफी उभरी हुई है, जबकि एक एकल फ़िरोज़ी-बैंगनी ग्रेडिएंट कमरे में एक लेज़र लाइन की तरह दौड़ता है।
- JetBrains — ओब्सीडियन पर नियॉन नेबुला - एक काले रंग की पृष्ठभूमि वाला पृष्ठ जहां बैंगनी-नीले रंग के ग्रेडिएंट गहरे अंतरिक्ष की छवियों की तरह खिलते हैं, जो चटख गुलाबी नियॉन और प्रत्येक उत्पाद के आइकन की रंगीन चमक से युक्त हैं।
- beehiiv — नियॉन प्लाज्मा के साथ मध्यरात्रि वेधशाला
- RainbowKit — एक नियॉन मोडल वॉलेट ऑर्गेनाइज़र एक काले शून्य में तैर रहा है, जिसकी नीली-बैंगनी चमक अंधेरे को चीर रही है।