Cursor
धगधगत्या कोळशांच्या प्रकाशाने उजळलेली, कागदाच्या कामाची एक आरामदायक कार्यशाळा.
कर्सरमध्ये उबदार, चर्मपत्रासारखी टायपोग्राफी वापरली आहे: एक क्रीम रंगाचा कॅनव्हास, गडद काळा मजकूर आणि एकच तेजस्वी नारंगी रंगाचा ठसा, जो बटणे भरण्याऐवजी लिंक्स आणि निवड सक्रिय करतो. ४०० वेटमध्ये कर्सरगॉथिकमध्ये सेट केलेल्या शीर्षकांमध्ये, आकार वाढल्यावर अक्षरांमधील अंतर हळूहळू कमी होते—ठळकपणाऐवजी संयम आणि पातळ अक्षरांच्या वेटमधून अधिकार साधला जातो. पातळ बॉर्डर आणि मऊ, उबदार राखाडी सावल्यांसह पृष्ठभाग सपाट आणि कागदासारखे ठेवले आहेत; संपूर्ण मजकुरात ४px वेटमुळे कोपरे सुस्पष्ट राहतात. उपशीर्षके आणि गद्यासाठी निवडकपणे ईबी गॅरामॉन्ड (EB Garamond) वापरले आहे, तर बर्कलेमोनो (berkeleyMono) कोड, टॅग आणि मेटाडेटा हाताळते, ज्यामुळे सिस्टमला एक टायपोग्राफिक व्यक्तिमत्व मिळते जे SaaS डॅशबोर्डपेक्षा एखाद्या साहित्यिक मासिकासारखे अधिक वाटते.
कमाल रुंदी: १३००px मध्यभागी, २४px मार्जिन. शीर्ष नेव्हिगेशन: ५२px उंच पारदर्शक हेडर, ज्याच्या डाव्या बाजूला लोगो आणि टेक्स्ट मार्क आहे, मध्यभागी ४ नेव्हिगेशन लिंक्स, उजवीकडे 'लॉगिन / संपर्क / डाउनलोड' चा समूह. हीरो: डावीकडे संरेखित हेडर + दुहेरी कॉल-टू-ॲक्शन ब्लॉक, ज्याचा मजकूर वरच्या डावीकडून सुरू होतो, त्यानंतर संपूर्ण पानाच्या रुंदीवर पसरलेले पूर्ण-रुंदीचे उत्पादन मॉकअप कार्ड. ट्रस्ट स्ट्राइप: विभागाच्या रुंदीभर एका ओळीत ८ लोगो टाइल्सची एक आडवी ओळ. फीचर विभागांमध्ये डावीकडे मजकूर आणि उजवीकडे स्क्रीनशॉट एकाआड एक, दोन-स्तंभीय मांडणीत, प्रत्येक ५०/५०, विभागांमध्ये ६४-९६px चे उभे अंतर आहे. सर्व फीचर स्क्रीनशॉट्स समान macOS स्टाइलिंगसह विंडो मॉकअप आहेत. फुटर: डावीकडे ब्रँड मार्कसह लिंक्सची चार-स्तंभीय ग्रिड. विभाग विभाजकांऐवजी पुरेशा मोकळ्या जागेने वेगळे केले आहेत - क्रीम रंगाचा कॅनव्हास स्वतःच विभाजन प्रदान करतो.
उत्पादनाचे स्क्रीनशॉट्स केंद्रस्थानी आहेत: कर्सर आयडीई (Cursor IDE) प्रत्यक्ष वापरात दाखवणारे मोठे macOS विंडो मॉकअप्स: फाईल टॅब्स, डिफ व्ह्यूज, एजंट प्लॅन्स, टर्मिनल पॅनेल्स आणि स्लॅक/चॅट इंटिग्रेशन. प्रत्येक विंडो मॉकअपला सौम्य, उबदार कॉन्ट्रास्ट असलेल्या #f2f1 रंगाच्या कार्डने फ्रेम केले आहे. एक मंद लँडस्केप फोटो (पर्वत/वाळवंटाचे क्षितिज) मुख्य भागाच्या पलीकडे विस्तारलेला आहे, जो UI शी स्पर्धा न करता उबदारपणा देतो. क्लायंटचे लोगो ( Stripe, ओपनएआय, लिनियर, डेटाडॉग, एनव्हिडिया, फिग्मा, रॅम्प, ॲडोबी) गोळीच्या आकाराच्या लिनन टाइल्समध्ये मोनोक्रोम अक्षरांच्या रूपात सादर केले आहेत. येथे लोकांचे फोटो, चित्रे किंवा अमूर्त सजावटीचे ग्राफिक घटक नाहीत—संपूर्ण व्हिज्युअल वजन उत्पादनाच्या UI आणि ब्रँडिंगवर केंद्रित आहे. आयकॉन्स पातळ, मोनोलिनियर ग्लिफ्स आहेत जे #7a7974 ॲश रंगाने भरलेले आहेत, कधीही रंगीत नाहीत.
पॅलेट
तटस्थ
- Ink
#26251e— मुख्य मजकूर, मुख्य ॲक्शन बटणाची पार्श्वभूमी, नॅव्हिगेशन मजकूर - एक उबदार, जवळजवळ काळी छटा, कधीही शुद्ध नाही #000 - Parchment
#f7f7f4— पानाच्या पार्श्वभूमीचा, म्हणजेच मुख्य कॅनव्हासचा, रंग उबदार क्रीम छटा आहे, जी विरोधाभास सौम्य करते आणि डिजिटल प्रिंटिंगऐवजी शाईच्या छपाईची भावना निर्माण करते. - Bone
#f2f1ed— कॅनव्हासपेक्षा एक छटा गडद असलेले पुठ्ठ्याचे पृष्ठभाग आणि उंचवलेले कंटेनर, एक स्तरित, सीमाविरहित "कागदावर कागद" असा प्रभाव निर्माण करतात. - Linen
#e6e5e0— गडद पृष्ठभागांवर बटणे लावण्यासाठी हलका, तटस्थ रंग. - Stone
#cdcdc9— पातळ कडा, विभाजक, नाजूक विभाजने – उबदार रंगछटांमधील १ पिक्सेलच्या रेषा - Mist
#a1a19f— तिसऱ्या स्तरावरील सहायक मजकूर, मथळे - मूक आणि दुय्यम मजकुराच्या मध्ये.
टायपोग्राफी
१२ ते ७२ पिक्सेल · ६ टप्पे
- CursorGothic — बदली: Inter · रूपरेषा 400, 500 · युझर इंटरफेस, शीर्षके, नेव्हिगेशन, मुख्य मजकूर आणि उत्पादन डिझाइनसाठीचा हा मुख्य फॉन्ट आहे. ४००-पॉइंट वजनाची शीर्षके आणि हळूहळू कमी होणारे अक्षर-अंतर (-०.००५em २२px वर → -०.०३em ७२px वर) हे या फॉन्टचे एक वैशिष्ट्यपूर्ण गुणधर्म आहे: शीर्षके कधीही ठळक (bold) नसतात. फॉन्ट फंक्शन्स 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 — पांढऱ्या संगमरवरावरील एक वास्तुशिल्पीय रेखाचित्र, ज्यात एकच उबदार प्रकाशझोत आहे. एक शांत, संपादकीय डेटा रूम, जिथे गडद फिरोजी रंगाची शाई आणि गोळीच्या आकाराची बटणे, केवळ नारंगी रंगाच्या एका छटेने खंडित झालेल्या स्वच्छ पांढऱ्या पृष्ठभागांवर तरंगत आहेत.