Cursor
धिपधिप बलिरहेको कोइलाहरूले उज्यालो पारिएको आरामदायी चर्मपत्र कार्यशाला
कर्सरले न्यानो, चर्मपत्र जस्तो टाइपोग्राफी प्रयोग गर्दछ: क्रिमी क्यानभास, मसीयुक्त कालो पाठ, र एकल ज्वलन्त सुन्तला उच्चारण जसले बटनहरू भर्नुको सट्टा लिङ्कहरू र चयनहरू सक्रिय गर्दछ। CursorGothic मा ४०० तौलमा सेट गरिएका हेडिङहरूमा आकार बढ्दै जाँदा अक्षर स्पेसिङ बिस्तारै घट्दै जान्छ — अधिकार बोल्डनेसको सट्टा संयम र पातलो अक्षर तौल मार्फत प्राप्त गरिन्छ। सतहहरू समतल र कागज जस्तो राखिन्छन्, पातलो किनाराहरू र नरम, न्यानो खैरो छायाँहरू सहित; पाठभरि ४px तौलमा कुरकुरा रहन्छन्। EB Garamond उपशीर्षकहरू र गद्यका लागि छनौट रूपमा प्रयोग गरिन्छ, जबकि berkeleyMono ले कोड, ट्यागहरू, र मेटाडेटा ह्यान्डल गर्दछ, जसले प्रणालीलाई एक टाइपोग्राफिक व्यक्तित्व दिन्छ जुन SaaS ड्यासबोर्ड भन्दा साहित्यिक पत्रिका जस्तो महसुस हुन्छ।
अधिकतम चौडाइ: १३०० पिक्सेल केन्द्रित, २४ पिक्सेल मार्जिन। शीर्ष नेभिगेसन: लोगो र बायाँतिर पाठ चिन्ह सहितको ५२ पिक्सेल अग्लो पारदर्शी हेडर, ४ केन्द्रित नेभिगेसन लिङ्कहरू, दायाँतिर पङ्क्तिबद्ध "लगइन / सम्पर्क / डाउनलोड" क्लस्टर। हिरो: बायाँ-पङ्क्तिबद्ध हेडर + माथि बायाँबाट चल्ने पाठ सहितको डबल कल-टु-एक्शन ब्लक, त्यसपछि पृष्ठको सम्पूर्ण चौडाइमा फैलिएको पूर्ण-चौडाइ उत्पादन मकअप कार्ड। ट्रस्ट स्ट्राइप: खण्ड चौडाइमा एकल रेखामा ८ लोगो टाइलहरूको एक तेर्सो पङ्क्ति। बायाँमा सुविधा खण्डहरू वैकल्पिक पाठ र दुई-स्तम्भ लेआउटमा दायाँमा स्क्रिनसट, प्रत्येक ५०/५०, खण्डहरू बीच ६४-९६ पिक्सेलको ठाडो लयको साथ। सबै सुविधा स्क्रिनसटहरू समान macOS शैली भएका विन्डो मकअपहरू हुन्। फुटर: बायाँमा ब्रान्ड चिन्ह भएका लिङ्कहरूको चार-स्तम्भ ग्रिड। खण्डहरू विभाजकहरूको सट्टा पर्याप्त सास फेर्ने ठाउँद्वारा छुट्याइएका छन् - क्रिम क्यानभासले आफैंले पृथकीकरण प्रदान गर्दछ।
उत्पादनको स्क्रिनसटहरूले केन्द्रमा स्थान लिन्छ: ठूला macOS विन्डो मकअपहरूले कर्सर IDE लाई कार्यमा प्रदर्शन गर्दछ: फाइल ट्याबहरू, भिन्न दृश्यहरू, एजेन्ट योजनाहरू, टर्मिनल प्यानलहरू, र स्ल्याक/च्याट एकीकरण। प्रत्येक विन्डो मकअपलाई नरम, न्यानो कन्ट्रास्टको साथ #f2f1ed कार्डले फ्रेम गरिएको छ। म्यूट गरिएको ल्यान्डस्केप फोटो (पहाडहरू/मरुभूमि क्षितिज) मुख्य खण्डभन्दा बाहिर फैलिएको छ, UI सँग प्रतिस्पर्धा नगरी न्यानोपन थप्दै। क्लाइन्ट लोगोहरू ( Stripe, ओपनएआई, रेखीय, डाटाडोग, NVIDIA, फिग्मा, र्याम्प, एडोब) गोली आकारको लिनेन टाइलहरू भित्र मोनोक्रोम अक्षरको रूपमा प्रस्तुत गरिन्छ। मानिसहरूको कुनै तस्बिर, चित्रण, वा अमूर्त सजावटी ग्राफिक तत्वहरू छैनन् - सबै दृश्य भार उत्पादनको UI र ब्रान्डिङमा केन्द्रित छ। आइकनहरू पातलो, मोनोलाइनर ग्लिफहरू हुन् जुन #7a7974 खरानीले भरिएका हुन्छन्, कहिल्यै क्रोमेटिक हुँदैनन्।
प्यालेट
तटस्थ
- Ink
#26251e— प्राथमिक पाठ, प्राथमिक कार्य बटन पृष्ठभूमि, नेभिगेसन पाठ - न्यानो, लगभग कालो रंग, कहिल्यै शुद्ध छैन #000 - Parchment
#f7f7f4— पृष्ठको पृष्ठभूमि, मुख्य क्यानभास, न्यानो क्रिम शेड हो जसले कन्ट्रास्टलाई नरम बनाउँछ र डिजिटल प्रिन्टिङको सट्टा मसी प्रिन्टिङको अनुभूति सिर्जना गर्दछ। - Bone
#f2f1ed— कार्डबोर्ड सतहहरू र उठेका कन्टेनरहरू, क्यानभास भन्दा एक टोन गाढा, ले तहयुक्त, सीमाविहीन "कागज-माथि-कागज" प्रभाव सिर्जना गर्दछ। - Linen
#e6e5e0— अँध्यारो सतहहरूमा बटनहरूको लागि हल्का तटस्थ भरण। - Stone
#cdcdc9— पातलो किनारा, डिभाइडर, सूक्ष्म विभाजनहरू - न्यानो टोनमा १ पिक्सेल रेखाहरू - Mist
#a1a19f— तेस्रो-स्तरको सहायक पाठ, क्याप्सनहरू - म्यूट गरिएको र माध्यमिक पाठ बीच।
टाइपोग्राफी
१२ देखि ७२ पिक्सेल सम्म · ६ चरणहरू
- CursorGothic — प्रतिस्थापन: Inter · रूपरेखाहरू 400, 500 · प्रयोगकर्ता इन्टरफेस, हेडिङ, नेभिगेसन, बडी कपी, र उत्पादन डिजाइनको लागि प्राथमिक फन्ट। ४००-पोइन्ट भार र बिस्तारै घट्दो अक्षर स्पेसिङ भएका हेडिङहरू (२२px मा -०.००५em → ७२px मा -०.०३em) फन्टको एक विशिष्ट विशेषता हुन्: हेडिङहरू कहिल्यै बोल्ड हुँदैनन्। फन्ट प्रकार्यहरू ss08, ss09, र tnum ले शैलीगत वैकल्पिकहरू र तालिकाबद्ध आकृतिहरूलाई सक्रिय गर्दछ।
- EB Garamond — प्रतिस्थापन: Iowan Old Style · रूपरेखाहरू 400, 500 · व्यक्तिगत उपशीर्षकहरू, मुख्य पाठ, र तालिका डेटाको लागि सम्पादकीय सेरिफ टाइपफेस, CursorGothic ले इन्टरफेसमा साहित्यिक स्पर्श थप्छ।
- berkeleyMono — प्रतिस्थापन: ui-monospace · रूपरेखाहरू 400, 500 · मोनोस्पेस - कोड ब्लकहरू, कमाण्ड लाइन स्निपेटहरू, मेटाडेटा, फाइल मार्गहरू, र विकासकर्ता लेबलहरूको लागि - एक प्राविधिक भाषा।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 8px |
| बटनको त्रिज्या | 4px |
| कार्डको अर्धव्यास | 4px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 64-96px |
| पृष्ठ चौडाइ | 1300px |
एआईले तपाईंको वेबसाइट Cursor शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Amplemarket — कन्फेटीले छरिएको घामले भिजेको कार्यस्थल
- Getharvest — गोल्डेन आवरमा एउटा डेस्क - न्यानो क्रिम क्यानभास, क्यानभासमा झुण्डिएका सेता पोस्टकार्डहरू, र एउटा चम्किलो सुन्तला रंगको ज्वाला
- Drive Capital — न्यानो कागजमा रेट्रो रोड ट्रिप पोस्टर
- Wealthsimple — ग्यालरी लाइटिङ सहितको कश्मीरीले ढाकिएको गोदाम
- Huddle — क्रिम पेपरमा पेस्टल इन्भेन्टरी कार्डहरू
- Fuser — डिजाइनरको काम गर्ने भित्तामा छरिएका पोलारोइडहरू
- Campsite — घामले उज्यालो पारेको सम्पादकको कार्यस्थान - एकल सुन्तला रंगको स्ट्याम्प भएको न्यानो क्रिम पेपर
- Redis Agency — घण्टापछि खुल्ने सम्पादकीय कार्यशाला एकदमै अँध्यारो ठाउँ हो जहाँ सबै ब्रान्डिङ काम सेरिफ फन्टहरू र एउटा रातो मूलाद्वारा गरिन्छ।
- AI Product Generation — सेतो कागजमा सम्पादकीय फोटोग्राफी स्टुडियो - आवरणको रूपमा शीर्षक, सम्पादकीय हाइलाइटिङको लागि सुन्तला रंग
- Getanchor — घामले फिक्का पारिएको क्रिम पृष्ठभूमिमा न्यानो टेराकोटा रंग
- Flatfile — न्यानो चर्मपत्रमा शान्त डेटा डायरी
- Inthememory — एकल न्यानो प्रकाशको साथ सेतो संगमरमरमा वास्तुकलाको रेखाचित्र। एक शान्त, सम्पादकीय डेटा कोठा जहाँ गहिरो फिरोजा मसी र गोली आकारको नियन्त्रणहरू कुरकुरा सेतो सतहहरू माथि तैरिन्छन्, सुन्तलाको एक छिटाले मात्र भाँचिन्छन्।