Superlist
កន្លែងធ្វើការពេលយប់ដែលមានធ្យូងថ្មពណ៌ផ្កាថ្ម — ផ្ទៃកម្មវិធីពងមាន់ដ៏ស្ងប់ស្ងាត់ ដែលផ្កាភ្លើងពណ៌ទឹកក្រូចក្តៅឧណ្ហៗតែមួយបង្ហាញពីសកម្មភាពនីមួយៗ
Superlist ប្រើភាសាផលិតភាពក្នុងសម្លេងពណ៌ស្វាយពាក់កណ្តាលអធ្រាត្រ៖ ពងមាន់ជ្រៅ ផ្កាថ្មក្តៅជាពណ៌ចម្បងតែមួយគត់ និងចំណងជើងធំៗ sans-serif ដែលចាប់យកបរិយាកាសទាំងមូល។ ចំណុចប្រទាក់នេះបង្កើតអារម្មណ៍នៃការងារដែលផ្តោតលើយប់ជ្រៅ—ស្ងាត់ ស្រទាប់ និងមានទំនុកចិត្ត ដោយពណ៌ត្រូវបានប្រើតែជាវណ្ណយុត្តិមុខងារលើការអំពាវនាវឱ្យធ្វើសកម្មភាព ស្ថានភាពសកម្ម និងចំណុចសំខាន់ៗ។ ផ្ទៃត្រូវបានដាក់ជាស្រទាប់ក្នុងសម្លេងងងឹតស្រាលៗជាមួយនឹងពណ៌ស្វាយ (#181824 → #26253b) ដោយជៀសវាងពណ៌ខ្មៅសុទ្ធដើម្បីធានាថាជម្រៅមានអារម្មណ៍កក់ក្តៅជាជាងគ្មានមេរោគ។ សមាសធាតុមានរាងមូលធំទូលាយ (កាត 20px ប៊ូតុងថ្នាំគ្រាប់) ស្រមោលទន់ៗ និង "ដកដង្ហើម" តាមរយៈចន្លោះ 10-16px ដែលមានផាសុកភាពជាជាងក្រឡាចត្រង្គតឹង។ សំឡេងរបស់ចំណងជើងគឺជាអ្វីៗគ្រប់យ៉ាង៖ ទម្ងន់ 600 ចំណុចនៅ 70-88px ជាមួយនឹងចន្លោះអក្សរតឹង -0.02em ចាត់ទុកអត្ថបទជាអក្សរសាស្ត្រជាជាង UI—វាកាន់តែខិតជិតច្បាប់ចម្លងវិចារណកថាជាង SaaS។
ផ្នែកងងឹតលាតសន្ធឹងលើទទឹងទាំងមូលនៃទំព័រ ជាមួយនឹងធុងមាតិកាដែលស្ថិតនៅចំកណ្តាល និងទទឹងអតិបរមា។ ផ្នែកសំខាន់ស្ថិតនៅចំកណ្តាលបញ្ឈរ និងមានចំណងជើង អត្ថបទរង និងការអំពាវនាវឱ្យធ្វើសកម្មភាព (CTA) បន្ទាប់មកដោយរូបថតអេក្រង់ផលិតផលធំមួយដែលត្រួតលើគ្នានឹងផ្នែកបន្ទាប់។ ផ្នែកជាបន្តបន្ទាប់ឆ្លាស់គ្នារវាងប្លុកអត្ថបទដែលស្ថិតនៅចំកណ្តាល និងក្រឡាចត្រង្គកាត។ ផ្នែកពិនិត្យឡើងវិញប្រើក្រឡាចត្រង្គបីជួរឈរដែលមានកាតពិនិត្យឡើងវិញ និងបន្ទាត់បែងចែកចំនួន 16។ ការរុករកគឺជារបារកំពូលតែមួយដែលមានឡូហ្គោនៅខាងឆ្វេង តំណភ្ជាប់ដែលស្ថិតនៅចំកណ្តាល និងសកម្មភាពចូលនៅខាងស្តាំ — គ្មានរបារចំហៀងថេរ ឬម៉ឺនុយធំទេ។ បន្ទាត់បែងចែករវាងផ្នែកនានាគឺធំទូលាយ (បន្ទាត់បែងចែកចំនួន 16) ដែលបង្កើតចង្វាក់វិចារណកថាដ៏ធំទូលាយ ជាជាងក្រឡាចត្រង្គផលិតផលក្រាស់។
លំហដែលមើលឃើញត្រូវបានគ្របដណ្ដប់ដោយរូបថតអេក្រង់ផលិតផល - ស៊ុមធំមួយដែលមានជ្រុងមូល ដែលបង្ហាញចំណុចប្រទាក់កម្មវិធីពិតប្រាកដ បំពេញផ្នែកសំខាន់ និងផ្នែករង។ រូបថតមានតិចតួចបំផុត ប្រើតែជារូបតំណាងអ្នកប្រើប្រាស់ ឬការមើលជាមុននៃប្រព័ន្ធផ្សព្វផ្សាយក្នុងកម្មវិធី (ឧទាហរណ៍ រូបភាពការប្រគុំតន្ត្រីនៅក្នុងបន្ទះខាងស្តាំនៃគំរូផលិតផល)។ ឡូហ្គោនៅលើរបារទុកចិត្តគឺជានិមិត្តសញ្ញាអក្សរពណ៌សសំប៉ែត និងស្រអាប់។ មិនមានរូបភាពតុបតែងទេ គ្មានក្រាហ្វិកអរូបី គ្មានការបង្ហាញ 3D ទេ។ យុទ្ធសាស្ត្រដែលមើលឃើញគឺដើម្បីបង្ហាញផលិតផលក្នុងទ្រង់ទ្រាយធំ អនុញ្ញាតឱ្យពុម្ពអក្សរធ្វើការងារអារម្មណ៍ និងប្រើពណ៌ផ្កាថ្មជាពណ៌សង្កត់សំឡេងតែមួយគត់។
ក្ដារលាយពណ៌
ម៉ាក
- Coral Ember
#ff4a36— ពណ៌ទឹកក្រូចត្រូវបានប្រើជាការសង្កត់សំឡេងបន្ទាប់បន្សំសម្រាប់ព័ត៌មានលម្អិតតុបតែង និងដើម្បីបន្លិចសញ្ញាដែលកម្រមាន។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។
អព្យាក្រឹត
- Aubergine Canvas
#181824— ផ្ទៃខាងក្រោយទំព័រ ដែលជាផ្ទាំងក្រណាត់សំខាន់ គឺជាម្លប់ងងឹត និងកក់ក្តៅ ដែលជំនួសពណ៌ខ្មៅសុទ្ធ ដែលធ្វើឱ្យចំណុចប្រទាក់អ្នកប្រើប្រាស់មើលទៅមានស្រទាប់ៗ ជាជាងរាបស្មើ។ - Elevated Plum
#26253b— ផ្ទៃកាត វាលបញ្ចូល កុងតឺន័ររុករក—ងាយស្រួលជាងផ្ទាំងក្រណាត់មួយជំហានទៀតដើម្បីបង្កើតជម្រៅដោយគ្មានព្រំដែនដែលអាចមើលឃើញ។ - Pure White
#ffffff— ចំណងជើងសំខាន់ៗ អត្ថបទប៊ូតុង និងគ្រោងរូបតំណាង—កម្រិតពណ៌អតិបរមានៅលើផ្ទាំងក្រណាត់ងងឹត។ - Fog Text
#696f81— អត្ថបទសំខាន់ ចំណងជើងបន្ទាប់បន្សំ និងស៊ុមដែលមិនសូវច្បាស់ សុទ្ធតែមានសមាមាត្រកម្រិតពណ៌ 7:1 សម្រាប់ការអានប្រកបដោយផាសុកភាពធៀបនឹងផ្ទៃខាងក្រោយពណ៌ត្រសក់។ - Ash Text
#8e8da0— ពណ៌អព្យាក្រឹតត្រូវបានគាំទ្រសម្រាប់ធាតុ UI បន្ទាប់បន្សំ បន្ទាត់បែងចែក និងស្លាកដែលបានបិទសំឡេង។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។ - Mist Highlight
#a3a3a7— ស៊ុមបែបស្រទន់ បន្ទាត់បែងចែក និងធាតុរុករកដែលអសកម្មបង្កើតបានជាសម្លេងអព្យាក្រឹតបែបស្រទន់ ដែលនៅតែលេចធ្លោនៅលើផ្ទាំងក្រណាត់។
អក្សរសាស្ត្រ
ពី 12 ដល់ 88px · 9 ជំហាន
- sans-serif — ការជំនួស៖ Inter · គ្រោង 400 · sans-serif - រកឃើញនៅក្នុងទិន្នន័យដែលបានស្រង់ចេញ ប៉ុន្តែមិនត្រូវបានពិពណ៌នាដោយ AI ទេ។
- Haffer XH SemiBold — ការជំនួស៖ Inter Tight · គ្រោង 400, 600 · ពុម្ពអក្សរចម្បងសម្រាប់ការបង្ហាញ និងចំណងជើង។ វាត្រូវបានប្រើក្នុងទំហំ 70–88px សម្រាប់ចំណងជើងវីរបុរសដែលមានចន្លោះអក្សរ -0.02em និងទម្ងន់ 600។ ចន្លោះអក្សរតូចចង្អៀត និងកម្ពស់អក្សរធំផ្តល់ឱ្យចំណងជើងនូវទម្ងន់វិចារណកថា ដែលធ្វើឱ្យចំណុចប្រទាក់ងងឹតមើលទៅដូចជាគម្របទស្សនាវដ្តីជាជាងផ្ទាំងគ្រប់គ្រង។ ជំនួសដោយ Inter Tight ឬ General Sans ក្នុងទម្ងន់ដិត។
- Jersey 10 — ការជំនួស៖ Anybody · គ្រោង 400 · ពុម្ពអក្សរតុបតែងធំមួយសម្រាប់លេខសង្កត់សំឡេង និងចំណុចលេចធ្លោ។ ប្រើតិចតួចក្នុងទំហំធំៗ ដើម្បីបង្កើតការសង្កត់សំឡេងអក្សរ។ អាចត្រូវបានជំនួសដោយ Anybody ឬ Cabinet Grotesk។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 10-16px |
| កាំប៊ូតុង | 100px |
| កាំកាត | 20px |
| ស្រមោល | ស្រមោលទន់ៗ |
| រវាងផ្នែកនានា | 80px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Superlist ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- DNA — ការសង្កេតមើលពាក់កណ្តាលអធ្រាត្រដូចដែលមើលឃើញតាមរយៈកែវថតភាគល្អិត
- Abetterlou — ផ្កាភ្លើងនៅលើស្បែកសេះ - ពុម្ពអក្សរក្រែមក្តៅឧណ្ហៗ ភ្លឺចែងចាំងទល់នឹងផ្ទៃខាងក្រោយពណ៌ខ្មៅ-កាហ្វេជ្រៅ ជាមួយនឹងប៊ូតុងពណ៌មាស-លឿងទុំ ដែលមានអារម្មណ៍ដូចជាដែកក្តៅដែលសង្កត់ចូលទៅក្នុងទំព័រ។
- Galileo-ft — នាវាបញ្ជាលំហអាកាសជ្រៅមួយដែលមានសញ្ញាពណ៌ខៀវអគ្គិសនី
- Decide AI — ស្ថានីយ៍សង្កេតការណ៍នៅពាក់កណ្តាលអធ្រាត្រ - សញ្ញា mint
- Redis Agency — សិក្ខាសាលាផ្នែកវិចារណកថា ដែលបើកក្រោយម៉ោងធ្វើការ គឺជាកន្លែងដ៏ងងឹតសូន្យឈឹង ដែលការងារផ្សព្វផ្សាយម៉ាកយីហោទាំងអស់ត្រូវបានធ្វើឡើងដោយពុម្ពអក្សរ serif និងរ៉ាឌីក្រហមមួយដើម។
- Spellbook — បន្ទប់សវនាការពាក់កណ្តាលអធ្រាត្រដែលបំភ្លឺដោយទឹកថ្នាំពណ៌ផ្កាថ្ម — ផ្ទៃអត្ថបទដ៏ងងឹតមួយ ដែលមានសំឡេងតែមួយគត់គឺការគូសប៊ិចពណ៌ទឹកក្រូចក្តៅឧណ្ហៗ
- Linear — ឧបករណ៍វាស់ភាពជាក់លាក់ពាក់កណ្តាលអធ្រាត្រ
- Origin Financial — វិចិត្រសាលពាក់កណ្តាលអធ្រាត្រនៃភាពប្រណីតស្ងប់ស្ងាត់។ បន្ទប់ស្ងាត់មួយ ស្ទើរតែងងឹត ជាកន្លែងដែលពុម្ពអក្សរ serif ធំៗ និងបន្ទះពណ៌ភ្លឺមួយចំនួនបង្កើតអារម្មណ៍ថាហិរញ្ញវត្ថុគឺជាស្នាដៃសិល្បៈដែលត្រូវបានរៀបចំយ៉ាងប្រុងប្រយ័ត្ន។
- Hyperstudio — ការរចនានេះត្រូវបានឆ្កូតទៅជាថ្មអប់ស៊ីឌាន។ អក្សរ និងបន្ទាត់ល្អិតៗបង្កើតជាស៊ុមពណ៌សខ្មៅសុទ្ធ ជាមួយនឹងសញ្ញាសម្គាល់ត្រីវិស័យពណ៌មាសម្តងម្កាលដែលបង្ហាញផ្លូវ។
- Air — រូបចម្លាក់ "មេឃពាក់កណ្តាលអធ្រាត្រឆ្លងកាត់កញ្ចក់"
- Raycast — មជ្ឈមណ្ឌលបញ្ជាការពាក់កណ្តាលអធ្រាត្រ កូរ៉ាល់ នីអន
- dope.security — ស្ថានីយពាក់កណ្តាលអធ្រាត្រដែលមានភ្លើងពណ៌ស្វាយ