Cursor

सुलगते कोयलों की रोशनी से जगमगाती एक आरामदायक चर्मपत्र कार्यशाला।

कर्सर में एक गर्म, चर्मपत्र जैसी टाइपोग्राफी का उपयोग किया गया है: एक मलाईदार कैनवास, गहरे काले रंग का टेक्स्ट, और एक चमकीला नारंगी रंग का एक्सेंट जो बटन भरने के बजाय लिंक और चयन को सक्रिय करता है। 400 वेट वाले कर्सरगॉथिक फॉन्ट में सेट की गई हेडिंग्स का आकार बढ़ने के साथ-साथ अक्षरों के बीच की दूरी धीरे-धीरे कम होती जाती है—बोल्डनेस के बजाय संयम और पतले अक्षरों के वेट से अधिकारपूर्णता प्राप्त होती है। सतहों को सपाट और कागज़ जैसा रखा गया है, पतले बॉर्डर और कोमल, गर्म ग्रे शैडो के साथ; पूरे टेक्स्ट में कोने 4px वेट पर स्पष्ट रहते हैं। EB Garamond का उपयोग चुनिंदा रूप से उपशीर्षकों और गद्य के लिए किया जाता है, जबकि berkeleyMono कोड, टैग और मेटाडेटा को संभालता है, जिससे सिस्टम को एक ऐसी टाइपोग्राफिक पहचान मिलती है जो SaaS डैशबोर्ड की तुलना में किसी साहित्यिक पत्रिका जैसी लगती है।

अधिकतम चौड़ाई: 1300px केंद्रित, 24px मार्जिन। शीर्ष नेविगेशन: 52px ऊँचा पारदर्शी हेडर, बाईं ओर लोगो और टेक्स्ट मार्क के साथ, 4 केंद्रित नेविगेशन लिंक, दाईं ओर "लॉगिन / संपर्क / डाउनलोड" क्लस्टर। हीरो: बाईं ओर संरेखित हेडर + ऊपर बाईं ओर से टेक्स्ट के साथ डबल कॉल-टू-एक्शन ब्लॉक, फिर पूरे पृष्ठ की चौड़ाई में फैला एक पूर्ण-चौड़ाई वाला उत्पाद मॉकअप कार्ड। ट्रस्ट स्ट्राइप: अनुभाग की चौड़ाई में एक ही पंक्ति में 8 लोगो टाइल्स की एक क्षैतिज पंक्ति। फ़ीचर अनुभागों में बाईं ओर टेक्स्ट और दाईं ओर स्क्रीनशॉट दो-कॉलम लेआउट में बारी-बारी से प्रदर्शित होते हैं, प्रत्येक 50/50 अनुपात में, अनुभागों के बीच 64-96px का ऊर्ध्वाधर अंतराल होता है। सभी फ़ीचर स्क्रीनशॉट समान macOS स्टाइलिंग वाले विंडो मॉकअप हैं। फ़ूटर: बाईं ओर ब्रांड मार्क के साथ लिंक का चार-कॉलम ग्रिड। अनुभागों को विभाजकों के बजाय पर्याप्त रिक्त स्थान द्वारा अलग किया गया है - क्रीम कैनवास स्वयं विभाजन प्रदान करता है।

उत्पाद के स्क्रीनशॉट प्रमुखता से दिखाए गए हैं: कर्सर IDE को क्रियाशील रूप में प्रदर्शित करने वाले बड़े macOS विंडो मॉकअप: फ़ाइल टैब, डिफ व्यू, एजेंट प्लान, टर्मिनल पैनल और स्लैक/चैट एकीकरण। प्रत्येक विंडो मॉकअप को #f2f1 रंग के कार्ड से फ्रेम किया गया है, जिसमें हल्का और गर्म कंट्रास्ट है। एक शांत परिदृश्य तस्वीर (पहाड़/रेगिस्तानी क्षितिज) मुख्य भाग से आगे तक फैली हुई है, जो UI के साथ प्रतिस्पर्धा किए बिना गर्माहट प्रदान करती है। क्लाइंट लोगो ( Stripe, ओपनएआई, लीनियर, डेटाडॉग, एनवीडिया, फिग्मा, रैंप, एडोब) को पिल-आकार के लिनन टाइल्स के भीतर मोनोक्रोम अक्षरों के रूप में प्रस्तुत किया गया है। इसमें लोगों की कोई तस्वीर, चित्र या अमूर्त सजावटी ग्राफिक तत्व नहीं हैं—सारा दृश्य भार उत्पाद के UI और ब्रांडिंग पर केंद्रित है। आइकन पतले, मोनोलाइनर ग्लिफ़ हैं जो #7a7974 ऐश रंग से भरे हुए हैं, और कभी भी रंगीन नहीं हैं।

ऑनलाइन स्टोर शुद्ध SaaS संपादकीय अतिसूक्ष्मवाद

https://cursor.com

पैलेट

तटस्थ

Ink #26251e — प्राथमिक पाठ, प्राथमिक क्रिया बटन की पृष्ठभूमि, नेविगेशन पाठ - एक गर्म, लगभग काला रंग, कभी भी शुद्ध नहीं #000
Parchment #f7f7f4 — पेज का बैकग्राउंड, यानी मुख्य कैनवास, एक गर्म क्रीम रंग का है जो कंट्रास्ट को कम करता है और डिजिटल प्रिंटिंग के बजाय इंक प्रिंटिंग का एहसास कराता है।
Bone #f2f1ed — कार्डबोर्ड की सतहें और उभरे हुए कंटेनर, जो कैनवास से एक रंग गहरे होते हैं, एक स्तरित, सीमाहीन "कागज पर कागज" जैसा प्रभाव पैदा करते हैं।
Linen #e6e5e0 — गहरे रंग की सतहों पर बटनों के लिए हल्के तटस्थ रंग का उपयोग।
Stone #cdcdc9 — पतली बॉर्डर, विभाजक, सूक्ष्म विभाजन – गर्म रंगों में 1px की रेखाएँ
Mist #a1a19f — तीसरे स्तर का सहायक पाठ, कैप्शन - म्यूट किए गए और द्वितीयक पाठ के बीच।

टाइपोग्राफी

12 से 72px तक · 6 चरण

CursorGothic — प्रतिस्थापन: Inter · रूपरेखा 400, 500 · यह फॉन्ट यूजर इंटरफेस, हेडिंग, नेविगेशन, बॉडी टेक्स्ट और प्रोडक्ट डिजाइन के लिए मुख्य फॉन्ट है। 400 पॉइंट वेट वाली हेडिंग और धीरे-धीरे घटती हुई लेटर स्पेसिंग (-0.005em 22px पर → -0.03em 72px पर) इस फॉन्ट की एक खास विशेषता है: हेडिंग कभी भी बोल्ड नहीं होती हैं। फॉन्ट फंक्शन ss08, ss09 और tnum स्टाइल संबंधी वैकल्पिक फॉन्ट और सारणीबद्ध अंकों को सक्रिय करते हैं।
EB Garamond — प्रतिस्थापन: Iowan Old Style · रूपरेखा 400, 500 · कर्सरगॉथिक एक संपादकीय सेरिफ़ टाइपफेस है जिसका उपयोग व्यक्तिगत उपशीर्षकों, मुख्य पाठ और सारणीबद्ध डेटा के लिए किया जाता है, और यह इंटरफ़ेस को एक साहित्यिक स्पर्श प्रदान करता है।
berkeleyMono — प्रतिस्थापन: ui-monospace · रूपरेखा 400, 500 · मोनोस्पेस - कोड ब्लॉक, कमांड लाइन स्निपेट, मेटाडेटा, फ़ाइल पथ और डेवलपर लेबल के लिए एक तकनीकी भाषा।

अंतराल और रूप

उद्देश्य	अर्थ
घनत्व	घना
बुनियादी कदम	8px
बटन त्रिज्या	4px
कार्ड त्रिज्या	4px
छैया छैया	नहीं - छाया के बजाय बॉर्डर
अनुभागों के बीच	64-96px
पृष्ठ की चौड़ाई	1300px

एआई आपकी वेबसाइट को Cursor शैली में बनाएगा और उसमें डेटा भरेगा।

इन लिंक के माध्यम से उत्पादों और पोस्ट से भरें - Instagram, TikTok, Facebook ।
अपनी पुरानी वेबसाइट से सामग्री स्थानांतरित करें—बस पता निर्दिष्ट करें।
सर्वश्रेष्ठ इंजन पर आधुनिक डिजाइन: React ( Next.js) जिसमें सर्वर रेंडरिंग और एसईओ अनुकूलन की सुविधा अंतर्निहित है।
खोज परिणामों और न्यूरल नेटवर्क अनुशंसाओं के लिए पूरी तरह से स्वचालित एसईओ अनुकूलन।

इस शैली में एक वेबसाइट बनाएं

समान शैलियाँ

Amplemarket — धूप से जगमगाता कार्यस्थल, जहाँ चारों ओर रंगीन कागज के टुकड़े बिखरे हुए हैं।
Getharvest — सुनहरे समय में एक मेज – एक गर्म क्रीम रंग का कैनवास, कैनवास पर लटके हुए सफेद पोस्टकार्ड और एक चमकीली नारंगी लौ।
Drive Capital — गर्म कागज पर रेट्रो रोड ट्रिप पोस्टर
Wealthsimple — गैलरी लाइटिंग के साथ कश्मीरी ऊन से बना गोदाम
Huddle — क्रीम रंग के कागज पर पेस्टल रंग के इन्वेंट्री कार्ड
Fuser — एक डिज़ाइनर के वर्क वॉल पर बिखरी हुई पोलरॉइड तस्वीरें
Campsite — धूप से जगमगाता संपादक का वर्कस्टेशन - गर्म क्रीम रंग का कागज जिस पर नारंगी रंग का एक ही इंटेंट स्टैम्प लगा है
Redis Agency — संपादकीय कार्यशाला, जो कार्यालय समय के बाद खुली रहती है, एक घुप अंधेरी जगह है जहाँ सभी ब्रांडिंग का काम सेरिफ फोंट और एक लाल मूली की मदद से किया जाता है।
AI Product Generation — सफेद कागज पर संपादकीय फोटोग्राफी स्टूडियो - शीर्षक कवर के रूप में, नारंगी रंग संपादकीय हाइलाइटिंग के लिए।
Getanchor — धूप से फीकी पड़ी क्रीम रंग की पृष्ठभूमि पर गर्म टेराकोटा रंग।
Flatfile — गर्म चर्मपत्र पर एक शांत डेटा डायरी
Inthememory — सफेद संगमरमर पर बनी एक वास्तुशिल्पीय आकृति, जिस पर हल्की गर्म रोशनी पड़ रही है। एक शांत, संपादकीय डेटा कक्ष, जहाँ गहरे फ़िरोज़ी रंग की स्याही और गोली के आकार के नियंत्रण बटन साफ़ सफेद सतहों पर तैरते हुए प्रतीत होते हैं, और बीच में नारंगी रंग का एक छींटा सा दिखाई देता है।