Superlist

កន្លែងធ្វើការពេលយប់ដែលមានធ្យូងថ្មពណ៌ផ្កាថ្ម — ផ្ទៃកម្មវិធីពងមាន់ដ៏ស្ងប់ស្ងាត់ ដែលផ្កាភ្លើងពណ៌ទឹកក្រូចក្តៅឧណ្ហៗតែមួយបង្ហាញពីសកម្មភាពនីមួយៗ

Superlist ប្រើភាសាផលិតភាពក្នុងសម្លេងពណ៌ស្វាយពាក់កណ្តាលអធ្រាត្រ៖ ពងមាន់ជ្រៅ ផ្កាថ្មក្តៅជាពណ៌ចម្បងតែមួយគត់ និងចំណងជើងធំៗ sans-serif ដែលចាប់យកបរិយាកាសទាំងមូល។ ចំណុចប្រទាក់នេះបង្កើតអារម្មណ៍នៃការងារដែលផ្តោតលើយប់ជ្រៅ—ស្ងាត់ ស្រទាប់ និងមានទំនុកចិត្ត ដោយពណ៌ត្រូវបានប្រើតែជាវណ្ណយុត្តិមុខងារលើការអំពាវនាវឱ្យធ្វើសកម្មភាព ស្ថានភាពសកម្ម និងចំណុចសំខាន់ៗ។ ផ្ទៃត្រូវបានដាក់ជាស្រទាប់ក្នុងសម្លេងងងឹតស្រាលៗជាមួយនឹងពណ៌ស្វាយ (#181824 → #26253b) ដោយជៀសវាងពណ៌ខ្មៅសុទ្ធដើម្បីធានាថាជម្រៅមានអារម្មណ៍កក់ក្តៅជាជាងគ្មានមេរោគ។ សមាសធាតុមានរាងមូលធំទូលាយ (កាត 20px ប៊ូតុងថ្នាំគ្រាប់) ស្រមោលទន់ៗ និង "ដកដង្ហើម" តាមរយៈចន្លោះ 10-16px ដែលមានផាសុកភាពជាជាងក្រឡាចត្រង្គតឹង។ សំឡេងរបស់ចំណងជើងគឺជាអ្វីៗគ្រប់យ៉ាង៖ ទម្ងន់ 600 ចំណុចនៅ 70-88px ជាមួយនឹងចន្លោះអក្សរតឹង -0.02em ចាត់ទុកអត្ថបទជាអក្សរសាស្ត្រជាជាង UI—វាកាន់តែខិតជិតច្បាប់ចម្លងវិចារណកថាជាង SaaS។

ផ្នែកងងឹតលាតសន្ធឹងលើទទឹងទាំងមូលនៃទំព័រ ជាមួយនឹងធុងមាតិកាដែលស្ថិតនៅចំកណ្តាល និងទទឹងអតិបរមា។ ផ្នែកសំខាន់ស្ថិតនៅចំកណ្តាលបញ្ឈរ និងមានចំណងជើង អត្ថបទរង និងការអំពាវនាវឱ្យធ្វើសកម្មភាព (CTA) បន្ទាប់មកដោយរូបថតអេក្រង់ផលិតផលធំមួយដែលត្រួតលើគ្នានឹងផ្នែកបន្ទាប់។ ផ្នែកជាបន្តបន្ទាប់ឆ្លាស់គ្នារវាងប្លុកអត្ថបទដែលស្ថិតនៅចំកណ្តាល និងក្រឡាចត្រង្គកាត។ ផ្នែកពិនិត្យឡើងវិញប្រើក្រឡាចត្រង្គបីជួរឈរដែលមានកាតពិនិត្យឡើងវិញ និងបន្ទាត់បែងចែកចំនួន 16។ ការរុករកគឺជារបារកំពូលតែមួយដែលមានឡូហ្គោនៅខាងឆ្វេង តំណភ្ជាប់ដែលស្ថិតនៅចំកណ្តាល និងសកម្មភាពចូលនៅខាងស្តាំ — គ្មានរបារចំហៀងថេរ ឬម៉ឺនុយធំទេ។ បន្ទាត់បែងចែករវាងផ្នែកនានាគឺធំទូលាយ (បន្ទាត់បែងចែកចំនួន 16) ដែលបង្កើតចង្វាក់វិចារណកថាដ៏ធំទូលាយ ជាជាងក្រឡាចត្រង្គផលិតផលក្រាស់។

លំហដែលមើលឃើញត្រូវបានគ្របដណ្ដប់ដោយរូបថតអេក្រង់ផលិតផល - ស៊ុមធំមួយដែលមានជ្រុងមូល ដែលបង្ហាញចំណុចប្រទាក់កម្មវិធីពិតប្រាកដ បំពេញផ្នែកសំខាន់ និងផ្នែករង។ រូបថតមានតិចតួចបំផុត ប្រើតែជារូបតំណាងអ្នកប្រើប្រាស់ ឬការមើលជាមុននៃប្រព័ន្ធផ្សព្វផ្សាយក្នុងកម្មវិធី (ឧទាហរណ៍ រូបភាពការប្រគុំតន្ត្រីនៅក្នុងបន្ទះខាងស្តាំនៃគំរូផលិតផល)។ ឡូហ្គោនៅលើរបារទុកចិត្តគឺជានិមិត្តសញ្ញាអក្សរពណ៌សសំប៉ែត និងស្រអាប់។ មិនមានរូបភាពតុបតែងទេ គ្មានក្រាហ្វិកអរូបី គ្មានការបង្ហាញ 3D ទេ។ យុទ្ធសាស្ត្រដែលមើលឃើញគឺដើម្បីបង្ហាញផលិតផលក្នុងទ្រង់ទ្រាយធំ អនុញ្ញាតឱ្យពុម្ពអក្សរធ្វើការងារអារម្មណ៍ និងប្រើពណ៌ផ្កាថ្មជាពណ៌សង្កត់សំឡេងតែមួយគត់។

ងងឹត SaaS សុទ្ធ តិចតួចបំផុត វិចារណកថា

https://superlist.com

ក្ដារលាយពណ៌

ម៉ាក

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 — បន្ទប់សវនាការពាក់កណ្តាលអធ្រាត្រដែលបំភ្លឺដោយទឹកថ្នាំពណ៌ផ្កាថ្ម — ផ្ទៃអត្ថបទដ៏ងងឹតមួយ ដែលមានសំឡេងតែមួយគត់គឺការគូសប៊ិចពណ៌ទឹកក្រូចក្តៅឧណ្ហៗ
AWE — កន្លែងសង្កេតមើលមនុស្សយន្តបន្ទាប់ពីពាក់កណ្តាលអធ្រាត្រ។ បង្កើតអេក្រង់ពណ៌ខ្មៅដូចវិចិត្រសាល ដែលប្រភេទអត្ថបទនិពន្ធស្លេកអណ្តែតពីលើរូបភាពដែលដំណើរការដោយ AI និងអក្សរតូចៗនៅលើផ្ទាំងគ្រប់គ្រង។
Graphite — ក្រឡាចត្រង្គចុងភ្លឺ។ បង្កើតផ្ទៃផលិតផលពណ៌ខ្មៅ និងមានគែមជុំវិញសញ្ញាសម្គាល់អក្សរពណ៌សច្បាស់លាស់ និងពន្លឺវិសាលគមភ្លឹបភ្លែតៗម្តងម្កាល។
Featurebase — កុងសូលដែលមានភ្លើងពណ៌ស្វាយ។ ស្រមៃមើលទំព័រនីមួយៗជាឆាកងងឹត និងស្ងាត់មួយ ជាមួយនឹងកន្លែងធ្វើការដែលមានពន្លឺចែងចាំងសម្រាប់ផលិតផលដែលផុសចេញពីគែមខាងក្រោម។
BAM Photographers — ការបញ្ចាំងរូបភាពនៅសាលតាំងពិព័រណ៍បន្ទាប់ពីម៉ោង ១២ អធ្រាត្រ។ ផ្ទាំងក្រណាត់ពណ៌ខ្មៅ អក្សរពណ៌សដែលបានពង្រីក និងរូបភាពពីរគូដែលមានលក្ខណៈដូចភាពយន្តបង្កើតអារម្មណ៍ថាគេហទំព័រនេះមើលទៅដូចជាផលប័ត្របញ្ចាំងរូបភាពជាជាងក្រឡាចត្រង្គវិចារណកថាធម្មតា។
Nuxt — ពន្លឺចុងក្រោយនៅក្នុងលំហអាកាសជ្រៅ។ បង្កើតផ្ទៃចំណុចប្រទាក់បិទជិត និងងងឹត ដែលពន្លឺពណ៌បៃតងលេចឡើងជាសញ្ញាប្រឆាំងនឹងផ្ទៃពណ៌ខៀវ-ខ្មៅ។
Linear — ឧបករណ៍វាស់ភាពជាក់លាក់ពាក់កណ្តាលអធ្រាត្រ