
Anthropic
गर्म चर्मपत्र पर छपी एक वैज्ञानिक क्षेत्र पत्रिका—शांत हाथीदांत जैसी सतहें, सेरिफ़ वाले संपादकीय शीर्षक, और मिट्टी का एक हल्का सा स्पर्श जो केवल तभी दिखाई देता है जब कार्रवाई की आवश्यकता होती है।
एन्थ्रोपिक का इंटरफ़ेस गर्म पार्चमेंट पेपर पर छपी किसी सावधानीपूर्वक तैयार की गई वैज्ञानिक पत्रिका जैसा दिखता है। तकनीकी डिज़ाइनों में आमतौर पर इस्तेमाल होने वाले ठंडे ग्रे रंग की जगह आइवरी और ओटमील जैसे तटस्थ रंगों का प्रयोग किया गया है, जिससे हर सतह को एक कागज़ी बनावट मिलती है जो बॉडी और हेडिंग टेक्स्ट दोनों के लिए अभूतपूर्व पैमाने पर इस्तेमाल किए गए कस्टम सेरिफ़ फ़ॉन्ट के साथ मेल खाती है। मिट्टी के रंग का एक हल्का सा स्पर्श केवल गतिविधि के क्षणों में ही दिखाई देता है; बाकी सब कुछ शांत और संयमित रहता है। सभी घटक सपाट हैं—पतली बॉर्डर और चुनिंदा निचले कोने की त्रिज्याएँ ड्रॉप शैडो की जगह डिज़ाइन भाषा के रूप में इस्तेमाल की गई हैं, जिसमें इंटरफ़ेस तत्वों को दर्शाने के लिए सैन्स-सेरिफ़ फ़ॉन्ट और भावपूर्णता को व्यक्त करने के लिए सेरिफ़ फ़ॉन्ट का उपयोग किया गया है।
इस डिज़ाइन में पुराने ज़माने के वैज्ञानिक चित्रों का बोलबाला है: होमपेज पर तितलियों और पतंगों का एक घना वनस्पति/प्राणीशास्त्रीय कोलाज है, जिसे 19वीं सदी की फील्ड गाइडों की याद दिलाने वाली क्लासिक प्राकृतिक चित्रण शैली में बनाया गया है। चित्र चटख पृष्ठभूमि के साथ घुलमिल जाने के लिए हल्के रंगों में रंगे गए हैं, न कि उससे अलग दिखने के लिए। इसमें कोई फ़ोटो, उत्पाद स्क्रीनशॉट या अमूर्त ग्रेडिएंट नहीं हैं। आइकनोग्राफी न्यूनतम है—ड्रॉपडाउन के लिए छोटे शेवरॉन और कम रेखीय संकेतक, जो हमेशा टेक्स्ट के समान ही हल्के और तटस्थ रंगों में हैं। दृश्य घनत्व कम है: टेक्स्ट के बड़े ब्लॉक और खाली जगह हावी हैं, और चित्र केवल होमपेज के दायरे में ही दिखाई देते हैं।
पैलेट
ब्रांड
- Clay
#d97757— भरे हुए कॉल-टू-एक्शन बटन (जैसे, "कुकी सहमति स्वीकार करें") सिस्टम में एकमात्र एक्सेंट रंग हैं, जो एक गर्म टेराकोटा शेड है और मिट्टी के रंग परिवार से संबंधित है, न कि विशिष्ट यूआई नीले रंग से। - Clay Deep
#c6613f— क्ले कॉल-टू-एक्शन बटन के लिए होवर/प्रेस स्थिति और डायक्रिटिक के साथ कैनोनिकल टोकन, मूल डायक्रिटिक का एक गहरा संस्करण है।
तटस्थ
- Slate Dark
#141413— बॉडी टेक्स्ट, हेडिंग्स, फुटर बैकग्राउंड, पतले बॉर्डर - लगभग काले रंग के, जिसमें हल्की गर्माहट हो, लेकिन कभी भी शुद्ध काला न हो। - Ivory Medium
#f0eee6— पृष्ठ का कैनवास और बड़े सतही भाग एक चर्मपत्र पृष्ठभूमि हैं जो संपूर्ण गर्म स्वर को निर्धारित करते हैं। - Ivory Light
#faf9f5— कार्डबोर्ड की सतहें, उभरे हुए पैनल और क्लिक-टू-क्लिक बटन, कैनवास की तुलना में एक कदम अधिक चमकदार होते हैं, जिससे एक स्तरित और छाया रहित प्रभाव प्राप्त होता है। - Cloud Medium
#b0aea5— शांत सहायक टेक्स्ट, निष्क्रिय नेविगेशन तत्व, अतिरिक्त लेबल—एक तटस्थ शैली जो गायब हुए बिना पृष्ठभूमि में विलीन हो जाती है। - Cloud Dark
#87867f— आउटलाइन वाले बटन फ्रेम, मध्यम कंट्रास्ट वाले डिवाइडर - Stone
#cccbc8— अलग-अलग खंडों के बीच सूक्ष्म सीमाएँ और विभाजक दिखाई देते हैं, लेकिन वे कभी भी बहुत स्पष्ट नहीं होते।
टाइपोग्राफी
12 से 68px तक · 6 चरण
- Anthropic Serif — प्रतिस्थापन: Georgia · रूपरेखा 400, 600 · संपादकीय शैली – इसका उपयोग 68px शीर्षक, 20px बॉडी टेक्स्ट, कार्ड शीर्षक और सहायक पैराग्राफ के लिए किया जाता है। सेरिफ़ फ़ॉन्ट टेक्स्ट को एक अलग पहचान देता है; बॉडी टेक्स्ट में इसकी उपस्थिति (तकनीकी वेबसाइटों के लिए असामान्य) यह दर्शाती है कि यह एक शोध प्रकाशन है। 400 फ़ॉन्ट वेट डिफ़ॉल्ट है, 600 फ़ॉन्ट वेट ज़ोर देने के लिए है।
- Anthropic Sans — प्रतिस्थापन: Inter · रूपरेखा 400, 500, 600, 700 · सेन्स-सेरिफ़ फ़ॉन्ट के उपयोगकर्ता इंटरफ़ेस और डिस्प्ले में नेविगेशन लिंक, बटन, फ़ूटर, आइकन और 61px 700 वेट वाली बोल्ड सेन्स-सेरिफ़ हेडलाइन शामिल हैं। 61px सेन्स-सेरिफ़ फ़ॉन्ट को 68px सेरिफ़ फ़ॉन्ट के ठीक बगल में रखा गया है, जिससे जानबूझकर एक दोहरा सिस्टम बनाया गया है: सेन्स-सेरिफ़ फ़ॉन्ट स्पष्ट कथन व्यक्त करता है, जबकि सेरिफ़ फ़ॉन्ट किसी संपादकीय निबंध जैसा लगता है।
- Anthropic Mono — प्रतिस्थापन: JetBrains Mono · रूपरेखा 400 · इसका प्रयोग केवल कोड या तकनीकी अंशों में ही होता है - दुर्लभ।
अंतराल और रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | घना |
| बुनियादी कदम | 8px |
| बटन त्रिज्या | 8px (bottom-only on filled variants), 12px (outlined) |
| कार्ड त्रिज्या | 24px |
| छैया छैया | नहीं - छाया के बजाय बॉर्डर |
| अनुभागों के बीच | 80-120px |
| पृष्ठ की चौड़ाई | 1280px |
एआई आपकी वेबसाइट को Anthropic शैली में बनाएगा और उसमें डेटा भरेगा।
- इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
- अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
- सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
- खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।
समान शैलियाँ
- ElevenLabs — हल्के क्रीम रंग के शेड्स में एक फोटो निबंध, जिसमें सूक्ष्म शीर्षक हैं। बॉहॉस शैली की एक नोटबुक—अंडे के छिलके के रंग का कागज, काली स्याही, और उत्पाद प्रदर्शन के लिए बैंगनी और नारंगी रंग का एक विशेष स्पर्श।
- Awesomic — नारंगी रंग के विराम चिह्नों से सजी संपादकीय जस्ता जाली, जो कॉन्फेटी की याद दिलाती है।
- Monad — गर्म चर्मपत्र पर संपादकीय तकनीकी पत्रिका
- Dub — लिंक का मैट राइस पेपर कंट्रोल पैनल
- Seline Analytics — गर्म कागज पर एक शांत विश्लेषणात्मक तालिका
- Notion — दोपहर की धूप में गर्म कागज की नोटबुक
- Calendly — ठंडे संगमरमर पर गहरे नीले रंग की स्याही
- Augen Pro — एप्पल के सफेद रंग के प्रेजेंटेशन में एक मोनोक्रोम स्पेस में एकमात्र एक्सेंट के रूप में एक क्लीनिकल, भारहीन, इलेक्ट्रिक ब्लू रंग का इस्तेमाल किया गया है।
- Antimetal — क्रीम रंग के कागज़ पर छपा एक संपादकीय लेख—एक वैज्ञानिक पत्रिका में एक शांत सुबह, जहाँ संयम आत्मविश्वास को दर्शाता है और सेरिफ़ फ़ॉन्ट मुख्य भूमिका निभाते हैं।
- Perk — गर्म चर्मपत्र कागज पर इलेक्ट्रिक लाइम
- Ditto — धूप से जगमगाती एक कार्यशाला में जंगली फूलों के नमूने तैयार किए जा रहे हैं। गर्म क्रीम रंग की सतहें, चमकीला पीला आधार रंग, गहरे नीले रंग की स्याही, और कलाकृति के पीछे खिलते हुए जैविक रंग के आकार।
- Officevibe — हल्के क्रीम रंग के कागज पर छपी एक संपादकीय पत्रिका। कल्पना कीजिए मानव संसाधन प्रबंधन पर लिखे एक विचारोत्तेजक निबंध की, जिसे एक उत्पाद के रूप में प्रस्तुत किया गया है—एक आधुनिक नीले इंटरफ़ेस पर घुमावदार सेरिफ़ फ़ॉन्ट में छपे शब्द।