Cursor
សិក្ខាសាលាផលិតស្បែកសត្វដ៏កក់ក្ដៅមួយ ដែលបំភ្លឺដោយធ្យូងដែលកំពុងឆេះ
Cursor ប្រើពុម្ពអក្សរក្តៅដូចក្រដាស៖ ផ្ទាំងក្រណាត់ពណ៌ក្រែម អក្សរពណ៌ខ្មៅស្រាល និងការសង្កត់ពណ៌ទឹកក្រូចតែមួយដែលធ្វើឲ្យតំណភ្ជាប់ និងជម្រើសសកម្មជំនួសឲ្យប៊ូតុងបំពេញ។ ចំណងជើង ដែលកំណត់ក្នុង CursorGothic ក្នុងទម្ងន់ 400 មានគម្លាតអក្សរថយចុះបន្តិចម្តងៗ នៅពេលដែលទំហំរបស់វាកើនឡើង — អំណាចត្រូវបានសម្រេចតាមរយៈការអត់ធ្មត់ និងទម្ងន់អក្សរស្តើងៗ ជាជាងភាពដិត។ ផ្ទៃត្រូវបានរក្សាឲ្យរាបស្មើ និងដូចក្រដាស ជាមួយនឹងស៊ុមស្តើង និងស្រមោលពណ៌ប្រផេះទន់ៗ និងកក់ក្តៅ។ ជ្រុងនៅតែច្បាស់ក្នុងទម្ងន់ 4px ពេញអត្ថបទ។ EB Garamond ត្រូវបានប្រើជាជម្រើសសម្រាប់ចំណងជើងរង និងសំណេរ ខណៈដែល berkeleyMono ដោះស្រាយកូដ ស្លាក និងទិន្នន័យមេតា ដែលផ្តល់ឱ្យប្រព័ន្ធនូវបុគ្គលិកលក្ខណៈពុម្ពអក្សរដែលមានអារម្មណ៍ដូចជាទស្សនាវដ្តីអក្សរសាស្ត្រជាជាងផ្ទាំងគ្រប់គ្រង SaaS។
ទទឹងអតិបរមា៖ កណ្តាល 1300px រឹម 24px។ ការរុករកខាងលើ៖ បឋមកថាថ្លាកម្ពស់ 52px ជាមួយឡូហ្គោ និងសញ្ញាសម្គាល់អក្សរនៅខាងឆ្វេង តំណភ្ជាប់រុករកចំនួន 4 នៅកណ្តាល ចង្កោម "ចូល / ទំនាក់ទំនង / ទាញយក" ត្រូវបានតម្រឹមទៅខាងស្តាំ។ វីរភាព៖ បឋមកថាតម្រឹមឆ្វេង + ប្លុកអំពាវនាវឱ្យធ្វើសកម្មភាពពីរដង ជាមួយអក្សរដែលរត់ពីផ្នែកខាងលើខាងឆ្វេង បន្ទាប់មកកាតគំរូផលិតផលទទឹងពេញដែលលាតសន្ធឹងទទឹងទាំងមូលនៃទំព័រ។ ឆ្នូតទុកចិត្ត៖ ជួរដេកផ្ដេកមួយនៃក្រឡាឡូហ្គោចំនួន 8 ក្នុងបន្ទាត់តែមួយឆ្លងកាត់ទទឹងផ្នែក។ ផ្នែកលក្ខណៈពិសេសឆ្លាស់គ្នានៅខាងឆ្វេង និងរូបថតអេក្រង់នៅខាងស្តាំក្នុងប្លង់ជួរឈរពីរ ដែលនីមួយៗមានទំហំ 50/50 ជាមួយនឹងចង្វាក់បញ្ឈរ 64-96px រវាងផ្នែក។ រូបថតអេក្រង់លក្ខណៈពិសេសទាំងអស់គឺជាគំរូបង្អួចដែលមានរចនាប័ទ្ម macOS ដូចគ្នា។ បាតកថា៖ ក្រឡាចត្រង្គបួនជួរឈរនៃតំណភ្ជាប់ដែលមានសញ្ញាសម្គាល់ម៉ាកនៅខាងឆ្វេង។ ផ្នែកនានាត្រូវបានបំបែកដោយកន្លែងដកដង្ហើមធំទូលាយជាជាងឧបករណ៍បែងចែក - ផ្ទាំងក្រណាត់ពណ៌ក្រែមខ្លួនវាផ្តល់នូវការបំបែក។
រូបថតអេក្រង់ផលិតផលលេចធ្លោ៖ គំរូបង្អួច macOS ធំៗដែលបង្ហាញ Cursor IDE ក្នុងសកម្មភាព៖ ផ្ទាំងឯកសារ ទិដ្ឋភាពខុសគ្នា ផែនការភ្នាក់ងារ បន្ទះស្ថានីយ និងការរួមបញ្ចូល Slack/ជជែក។ គំរូបង្អួចនីមួយៗត្រូវបានដាក់ស៊ុមដោយកាត #f2f1ed ជាមួយនឹងកម្រិតពណ៌ទន់ និងកក់ក្តៅ។ រូបថតទេសភាពស្រអាប់ (ភ្នំ/ជើងមេឃវាលខ្សាច់) លាតសន្ធឹងហួសពីផ្នែកសំខាន់ ដោយបន្ថែមភាពកក់ក្តៅដោយមិនប្រកួតប្រជែងជាមួយ UI។ ឡូហ្គោអតិថិជន ( Stripe, OpenAI, Linear, Datadog, NVIDIA, Figma, Ramp, Adobe) ត្រូវបានបង្ហាញជាអក្សរពណ៌តែមួយនៅក្នុងក្រឡាក្បឿង Linen រាងគ្រាប់។ មិនមានរូបថតមនុស្ស រូបភាព ឬធាតុក្រាហ្វិកតុបតែងអរូបីទេ - ទម្ងន់ដែលមើលឃើញទាំងអស់ផ្តោតលើ UI និងម៉ាកយីហោរបស់ផលិតផល។ រូបតំណាងគឺស្តើង អក្សរពណ៌តែមួយលីនេអ៊ែរដែលបំពេញដោយ #7a7974 Ash មិនដែលពណ៌ទេ។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Ink
#26251e— អត្ថបទចម្បង ផ្ទៃខាងក្រោយប៊ូតុងសកម្មភាពចម្បង អត្ថបទរុករក - ម្លប់ក្តៅ ស្ទើរតែខ្មៅ មិនដែលបរិសុទ្ធ #000 - Parchment
#f7f7f4— ផ្ទៃខាងក្រោយទំព័រ ដែលជាផ្ទាំងក្រណាត់សំខាន់ គឺជាពណ៌ក្រែមក្តៅដែលធ្វើឱ្យភាពផ្ទុយគ្នាទន់ និងបង្កើតអារម្មណ៍នៃការបោះពុម្ពទឹកថ្នាំ ជាជាងការបោះពុម្ពឌីជីថល។ - Bone
#f2f1ed— ផ្ទៃក្រដាសកាតុង និងធុងដែលលើកខ្ពស់ៗ ដែលងងឹតជាងផ្ទាំងក្រណាត់មួយពណ៌ បង្កើតបានជាបែបផែន "ក្រដាសលើក្រដាស" ជាស្រទាប់ៗ គ្មានព្រំដែន។ - Linen
#e6e5e0— ការបំពេញពណ៌ស្រាលៗអព្យាក្រឹតសម្រាប់ប៊ូតុងនៅលើផ្ទៃងងឹត។ - Stone
#cdcdc9— ស៊ុមស្តើងៗ បន្ទាត់បែងចែក បន្ទាត់បែងចែកស្តើងៗ – បន្ទាត់ 1px ក្នុងសម្លេងក្តៅ - Mist
#a1a19f— អត្ថបទជំនួយកម្រិតទីបី ចំណងជើង - រវាងអត្ថបទដែលបានបិទសំឡេង និងអត្ថបទបន្ទាប់បន្សំ។
អក្សរសាស្ត្រ
ពី 12 ដល់ 72px · 6 ជំហាន
- CursorGothic — ការជំនួស៖ Inter · គ្រោង 400, 500 · ពុម្ពអក្សរចម្បងសម្រាប់ចំណុចប្រទាក់អ្នកប្រើប្រាស់ ចំណងជើង ការរុករក ច្បាប់ចម្លងតួអត្ថបទ និងការរចនាផលិតផល។ ចំណងជើងដែលមានទម្ងន់ ៤០០ ចំណុច និងគម្លាតអក្សរថយចុះបន្តិចម្តងៗ (-០.០០៥em នៅ ២២ ភីកសែល → -០.០៣em នៅ ៧២ ភីកសែល) គឺជាលក្ខណៈពិសេសប្លែកនៃពុម្ពអក្សរ៖ ចំណងជើងមិនដែលដិតឡើយ។ មុខងារពុម្ពអក្សរ ss08, ss09 និង tnum ធ្វើឱ្យជម្រើសរចនាប័ទ្ម និងតួលេខតារាងសកម្ម។
- EB Garamond — ការជំនួស៖ Iowan Old Style · គ្រោង 400, 500 · CursorGothic ជាប្រភេទអក្សរសាស្ត្រសម្រាប់ចំណងជើងរងនីមួយៗ អត្ថបទដើម និងទិន្នន័យតារាងដែលបន្ថែមភាពទាក់ទាញដល់ចំណុចប្រទាក់។
- berkeleyMono — ការជំនួស៖ ui-monospace · គ្រោង 400, 500 · Monospace - សម្រាប់ប្លុកកូដ អត្ថបទខ្លីៗនៃបន្ទាត់ពាក្យបញ្ជា ទិន្នន័យមេតា ផ្លូវឯកសារ និងស្លាកអ្នកអភិវឌ្ឍន៍ - ភាសាបច្ចេកទេសមួយ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 4px |
| កាំកាត | 4px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 64-96px |
| ទទឹងទំព័រ | 1300px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Cursor ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Amplemarket — កន្លែងធ្វើការដែលពោរពេញដោយពន្លឺថ្ងៃ ពោរពេញដោយក្រដាស់ពណ៌
- Getharvest — តុមួយនៅម៉ោងមាស - ផ្ទាំងក្រណាត់ពណ៌ក្រែមក្តៅឧណ្ហៗ កាតប៉ុស្តាល់ពណ៌សព្យួរនៅលើផ្ទាំងក្រណាត់ និងអណ្តាតភ្លើងពណ៌ទឹកក្រូចភ្លឺតែមួយ
- Drive Capital — ផ្ទាំងរូបភាពធ្វើដំណើរតាមផ្លូវបែប Retro លើក្រដាសក្តៅ
- Wealthsimple — ឃ្លាំងដែលមានស្រទាប់កាស្មៀរជាមួយនឹងភ្លើងបំភ្លឺវិចិត្រសាល
- Huddle — កាតស្តុកពណ៌ pastel លើក្រដាសពណ៌ក្រែម
- Fuser — រូបថតប៉ូឡារ៉ូអ៊ីតរាយប៉ាយនៅលើជញ្ជាំងការងាររបស់អ្នករចនា
- Campsite — ស្ថានីយការងាររបស់អ្នកកែសម្រួលដែលមានពន្លឺថ្ងៃ - ក្រដាសពណ៌ក្រែមក្តៅឧណ្ហៗដែលមានត្រាពណ៌ទឹកក្រូចតែមួយ
- Redis Agency — សិក្ខាសាលាផ្នែកវិចារណកថា ដែលបើកក្រោយម៉ោងធ្វើការ គឺជាកន្លែងដ៏ងងឹតសូន្យឈឹង ដែលការងារផ្សព្វផ្សាយម៉ាកយីហោទាំងអស់ត្រូវបានធ្វើឡើងដោយពុម្ពអក្សរ serif និងរ៉ាឌីក្រហមមួយដើម។
- AI Product Generation — ស្ទូឌីយោថតរូបវិចារណកថានៅលើក្រដាសស - ចំណងជើងជាគម្រប ពណ៌ទឹកក្រូចសម្រាប់ការបន្លិចវិចារណកថា
- Getanchor — ពណ៌ដីឥដ្ឋក្តៅលើផ្ទៃខាងក្រោយពណ៌ក្រែមដែលស្រអាប់ដោយពន្លឺថ្ងៃ
- Flatfile — កំណត់ហេតុប្រចាំថ្ងៃដ៏ស្ងប់ស្ងាត់មួយនៅលើក្រដាស់ក្តៅឧណ្ហៗ
- Inthememory — គំនូរស្ថាបត្យកម្មលើថ្មម៉ាបពណ៌ស ជាមួយនឹងពន្លឺក្តៅតែមួយ។ បន្ទប់ទិន្នន័យវិចារណកថាដ៏ស្ងប់ស្ងាត់មួយ ជាកន្លែងដែលទឹកថ្នាំពណ៌ខៀវខ្ចី និងប៊ូតុងរាងដូចគ្រាប់ថ្នាំអណ្តែតពីលើផ្ទៃពណ៌សស្រស់ៗ ដែលបំបែកដោយពណ៌ទឹកក្រូចតែមួយប៉ុណ្ណោះ។