
Huly
ពន្លឺភាគខាងជើងនៅឯកន្លែងសង្កេតមើលពាក់កណ្តាលអធ្រាត្រ - តួឯកគឺជាធ្នឹមបញ្ឈរពណ៌ស្វាយដែលរសាត់ទៅជាផ្កាថ្ម ហើយផ្នែកស្ងាត់ៗនីមួយៗនៅខាងក្រោមវាខ្ចីរឿងពីរសម្លេងដូចគ្នាដែលត្រូវបានរៀបរាប់ក្នុងសម្លេងស្ងប់ស្ងាត់ជាង។
Huly បង្កើតបរិយាកាសនៃកន្លែងធ្វើការសកលលោក៖ ផ្ទាំងក្រណាត់ស្ទើរតែខ្មៅដែលមានពន្លឺពណ៌ស្វាយ-លឿងទុំតែមួយកាត់តាមធាតុសំខាន់ ហើយនៅខាងក្រោមវា ក្រឡាចត្រង្គដែលមានសភាពស្ងប់ស្ងាត់ជាងមុនសម្រាប់ផលិតភាពកើនឡើង។ ប្រព័ន្ធនេះដំណើរការក្នុងជួរពណ៌តូចចង្អៀត - ពណ៌ខៀវភ្លឺមួយ និងផ្កាថ្មមួយធ្វើការងារម៉ាកយីហោទាំងអស់ប្រឆាំងនឹងផ្ទៃក្រាហ្វីតជាស្រទាប់ៗ ដូច្នេះរបៀបងងឹតមិនដែលមានអារម្មណ៍ថាអព្យាក្រឹតឡើយ។ រចនាប័ទ្មអក្សរគឺជារចនាប័ទ្មអន្តរសម្រាប់អ្វីគ្រប់យ៉ាងដែលមានមុខងារ ជាមួយនឹងពុម្ពអក្សរផ្ទាល់ខ្លួន (Esbuild) ដែលត្រូវបានបម្រុងទុកសម្រាប់ចំណុចសំខាន់ៗ ជាមួយនឹងកម្ពស់ 80–84px និងចន្លោះអក្សរអវិជ្ជមានដ៏ខ្លាំងក្លា។ សមាសធាតុមានរាងកន្សោម៖ កាំ 9999px នៅលើការគ្រប់គ្រង 12px នៅលើកាត ស្រមោលតិចតួចបំផុត និងបន្ទាត់ជម្រាលភ្លឺជាការតុបតែងសំខាន់។ ទំព័រឆ្លាស់គ្នារវាងតំបន់ងងឹតពេញទំព័រ និងផ្នែកពន្លឺស្ងប់ស្ងាត់ ដូច្នេះអេក្រង់ថ្មីណាមួយគួរតែសម្រេចចិត្តលើរបៀបមុនពេលជ្រើសរើសពណ៌។
ទំព័រដើមទទឹងពេញមានធ្នឹមបញ្ឈរនៃពន្លឺភាគខាងជើង និងចំណងជើងដែលតម្រឹមខាងឆ្វេង រួមជាមួយនឹងរូបថតអេក្រង់ផលិតផលដែលដាក់នៅខាងស្តាំខាងក្រោម។ នៅខាងក្រោមទំព័រដើមគឺជាផ្ទៃមាតិកាដែលមានទទឹងអតិបរមា 1200px ដែលមានឆ្នូតងងឹត និងឆ្នូតស្រាលឆ្លាស់គ្នា។ ផ្នែកនីមួយៗគឺជាប្លុកបញ្ឈរតែមួយ៖ បឋមកថា បូករួមទាំងក្រឡាចត្រង្គ 3 ឬ 4 ជួរឈរនៃកាតដែលបំបែកដោយចន្លោះ 96px។ ផ្នែក "MetaBrain" បំបែកក្រឡាចត្រង្គជាមួយនឹងចំណងជើងកណ្តាល និងរូបភាពនៃកាតដែលមានទំហំខុសៗគ្នា (កាតមេធំ បូករួមទាំងកាតជំនួយតូចៗ)។ ទំព័រនេះមានខ្លឹមសារច្រើន ដោយអនុវត្តតាមស្តង់ដារ SaaS ប៉ុន្តែប្រើឆ្នូតងងឹត និងឆ្នូតស្រាលឆ្លាស់គ្នា ដើម្បីផ្តល់កន្លែងឱ្យផ្នែកនីមួយៗដកដង្ហើម។ ការរុករកគឺជារបារខាងលើថ្លាតែមួយ ដែលរសាត់ទៅជាស្រអាប់នៅពេលអ្នករមូរ។
ធាតុសំខាន់គឺជាពណ៌ជម្រាលអូរ៉ូរ៉ាសុទ្ធសាធ ដែលគ្មានរូបថត។ រូបភាពទាំងអស់គឺជារូបថតអេក្រង់ពិតប្រាកដនៃ UI របស់ផលិតផល (Kanban ក្នុងរបៀបងងឹត ប្រអប់សំបុត្រ ប្រតិទិន) ដែលត្រូវបានដាក់ស៊ុមក្នុងស៊ុមកាតដែលបម្រើទាំងភស្តុតាង និងការតុបតែង។ គ្មានរូបថតរបៀបរស់នៅ គ្មានរូបភាពស្តុក គ្មានការបង្ហាញ 3D ទេ។ ធាតុដែលមើលឃើញតែមួយគត់ដែលមិនទាក់ទងនឹង UI គឺពន្លឺថ្ងៃក្តៅឧណ្ហៗនៅគល់អូរ៉ូរ៉ា ដែលត្រូវបានបង្ហាញជាពណ៌ជម្រាល CSS។ រូបតំណាងគឺជារូបតំណាងបន្ទាត់ពណ៌តែមួយពណ៌ #95979 ឬពណ៌ស មិនដែលពហុពណ៌ទេ។ ប្រព័ន្ធចាត់ទុក UI ងងឹតរបស់វាជាធាតុសំខាន់ - ផលិតផលគឺជារូបថត។
ក្ដារលាយពណ៌
ម៉ាក
- Electric Iris
#5683da— ផ្ទៃខាងក្រោយសំខាន់ សូចនាកររុករកសកម្ម និងការសង្កត់សំឡេងពន្លឺភាគខាងជើងដ៏គួរឱ្យចាប់អារម្មណ៍ — ពណ៌ខៀវស្វាយភ្លឺចែងចាំងលើផ្ទៃខាងក្រោយពណ៌ខ្មៅរលោង — បង្កើតចំណាប់អារម្មណ៍នៃការចូលរួមជាជាងសកម្មភាពសាជីវកម្ម។ - Ember Pulse
#ff8964— ការសង្កត់សំឡេងបន្ទាប់បន្សំ តំបន់ពន្លឺភាគខាងជើងដ៏កក់ក្តៅ ចំណុចជូនដំណឹង និងការបន្លិចរូបភាព — ពណ៌លឿងទុំដែលបំបែកភាពស្ងប់ស្ងាត់នៃពណ៌ខៀវ និងបន្ថែមភាពកក់ក្តៅដល់ធ្នឹម។
អព្យាក្រឹត
- Obsidian Canvas
#303236— ផ្ទៃខាងក្រោយទំព័រ ដែលជាផ្ទៃលេចធ្លោ មានពណ៌ខ្មៅស្ទើរតែទាំងស្រុង ជាមួយនឹងភាពកក់ក្តៅបន្តិចបន្តួច ដែលជាបរិស្ថានស្តង់ដារសម្រាប់ខ្លឹមសារទាំងអស់។ - Void
#090a0c— ស្រទាប់ផ្ទៃជ្រៅបំផុតសម្រាប់ជម្រាលនៅលើអេក្រង់មេ ផ្ទៃខាងក្រោយម៉ូឌុល និងស៊ុមដែលគួរតែលាយបញ្ចូលគ្នាទៅក្នុងផ្ទាំងក្រណាត់។ - Charcoal Card
#111111— ផ្ទៃលើកឡើងពីក្រដាសកាតុង និងបន្ទះ ដែលដាក់នៅពីលើផ្ទាំងក្រណាត់មួយជំហាន។ - Slate Edge
#4a4b50— ព្រំដែន និងបន្ទាត់បែងចែកដ៏ស្រទន់លើផ្ទៃងងឹត - Iron Veil
#6b6c6d— ផ្ទៃខាងក្រោយស្រអាប់សម្រាប់ស្លាក ការបំពេញធាតុបញ្ជី និងការបំពេញដែលបានបិទ។ - Smoke
#95979e— គ្រោងរូបតំណាង អត្ថបទបន្ថែម និងការគ្រប់គ្រងអសកម្ម គឺជាធាតុធ្វើការចម្បងដែលមានពណ៌ប្រផេះមធ្យម។
អក្សរសាស្ត្រ
ពី ១១ ដល់ ៨០ ភីកសែល · ៨ ជំហាន
- Inter — ការជំនួស៖ DM Sans · គ្រោង 300, 400, 500, 600, 700 · អត្ថបទមុខងារទាំងអស់នៅក្នុងចំណុចប្រទាក់អ្នកប្រើប្រាស់ — អត្ថបទតួ អត្ថបទ ការរុករក ប៊ូតុង ធាតុបញ្ជី ស្លាក និងចំណងជើងតូចៗ — ត្រូវបានប្រើជាមួយទម្ងន់ពុម្ពអក្សរពី 500–600 សម្រាប់ការសង្កត់ធ្ងន់ 400 សម្រាប់អត្ថបទតួ និង 300 តិចតួចសម្រាប់ទិន្នន័យមេតាដែលមិនរំខាន។
- Esbuild — ការជំនួស៖ Sora · គ្រោង 400, 500, 600 · សម្រាប់បង្ហាញតែប៉ុណ្ណោះ៖ ចំណងជើងស្វាគមន៍ ចំណងជើងផ្នែក និងចំណងជើងអត្ថបទ MetaBrain។ ធរណីមាត្របង្រួម និងចន្លោះអក្សរតូចចង្អៀតបង្កើតចំណាប់អារម្មណ៍ថា 84px ស័ក្តិសមជាងសម្រាប់ការងារវិចារណកថាជាងគម្រោង SaaS។ កុំប្រើក្រោម 28px។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ទូលាយ |
| ជំហានមូលដ្ឋាន | 12px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 12px |
| ស្រមោល | ស្រមោលទន់ៗ |
| រវាងផ្នែកនានា | 96px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Huly ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- monday — សិក្ខាសាលាពណ៌សជាមួយស្ទីគ័រពណ៌ pastel
- Slack — ឆាកនេះមានពណ៌ដូចពងមាន់ពងមាន់ ជាមួយនឹងភ្លើងស្តុបពណ៌ស។ ពណ៌ស្វាយចាស់គ្របដណ្ដប់លើតំបន់ងងឹត ខណៈដែលផ្ទាំងក្រណាត់ពណ៌សស្រអាប់អនុញ្ញាតឱ្យចំណងជើងធំៗ ដែលមានរចនាបថ avant-garde ដកដង្ហើមបានដោយសេរី។
- Base44 — សៀវភៅកត់ត្រាដែលមានពន្លឺថ្ងៃជាមួយប៊ិចសរសេរកំបោរ
- Supahub — ពន្លឺថ្ងៃស្រទន់ៗលើជួរភ្នំពណ៌ស្វាយ។ ផ្ទាំងក្រណាត់ពណ៌សភាគច្រើន មានខ្យល់ចេញចូល បំភ្លឺដោយព្រះអាទិត្យពណ៌ស្វាយភ្លឺតែមួយ ជាមួយនឹងស្វ៊ែរជម្រាលតុបតែងដែលបញ្ចេញពណ៌ចូលទៅក្នុងលំហអវិជ្ជមាន និងរាងធរណីមាត្រមូលធំទូលាយ ដែលផ្តល់ឱ្យផ្ទៃនីមួយៗនូវភាពធ្ងន់ និងគួរឱ្យរីករាយ។
- Raycast — មជ្ឈមណ្ឌលបញ្ជាការពាក់កណ្តាលអធ្រាត្រ កូរ៉ាល់ នីអន
- Dimension — ស្ថានីយការងារដែលមានពន្លឺថ្ងៃលិច ជាមួយនឹងបន្ទះកញ្ចក់សាយសត្វ
- Wiza — កន្លែងសង្កេតរុករករ៉ែនៅពេលព្រលប់ គ្របដណ្ដប់ដោយអ័ព្ទផ្កាឡាវេនឌឺ។
- Paste — ចង្កៀងពណ៌លឿងទុំលើថ្មម៉ាបពណ៌ស — ឡូហ្គោជម្រាលក្តៅរបស់ម៉ាកនេះអណ្តែតនៅក្នុងលំហពណ៌សដ៏ធំល្វឹងល្វើយ ដូចជាបង្អួចដែលមានភ្លើងបំភ្លឺតែមួយគត់នៅក្នុងអគារដែលគ្របដណ្តប់ដោយព្រិល។
- Reworkd — ពន្លឺថ្ងៃស្រទន់នៅលើដ្យាក្រាមផលិតផលគឺជាពណ៌តែមួយគត់ដែលនិយាយដោយខ្លួនឯង វាគឺជាប៊ូតុងសកម្មភាព និងចំណងជើងជម្រាលនៅពីលើវា។
- Reflect Notes — លំហពណ៌ស្វាយពោរពេញដោយផ្កាយ គឺជាកន្លែងសង្កេតមើលផ្កាយដ៏ងងឹតមួយ ជាកន្លែងដែលកំណត់ចំណាំអណ្តែតដូចក្រុមតារា ទល់នឹងផ្ទៃខាងក្រោយនៃភាពទទេរពណ៌ខៀវខ្ចីស្ទើរតែខ្មៅ។
- Ameba — បន្ទប់ត្រួតពិនិត្យនៅពាក់កណ្តាលអធ្រាត្រ - ជីពចរពណ៌ខៀវអគ្គិសនីនៅខាងក្នុងបន្ទះកញ្ចក់សាយសត្វ
- Todoist — កន្លែងធ្វើការដែលមានពន្លឺថ្ងៃ ជាមួយនឹងកំណត់ហេតុប្រចាំថ្ងៃ - តុពណ៌ក្រែមក្តៅឧណ្ហៗ កំណត់ចំណាំទឹកថ្នាំ និងប៊ិចពណ៌ក្រហមមួយដើម