
Modal
ស្ថានីយបញ្ចេញពន្លឺហ្វ្លុយអូរ៉េសង់ក្នុងបន្ទប់ម៉ាស៊ីនបម្រើដែលងងឹត - ប្រភពពន្លឺតែមួយគត់គឺពណ៌បៃតងភ្លឺ
ម៉ូឌុលមានមុខងារដូចជាស្ថានីយបញ្ចេញពន្លឺហ្វ្លុយអូរ៉េសង់នៅក្នុងបន្ទប់ម៉ាស៊ីនបម្រើដែលងងឹត៖ ផ្ទាំងក្រណាត់ស្ទើរតែខ្មៅ ប្រភេទពណ៌បៃតងស្លេក និងការសង្កត់សំឡេងពណ៌បៃតងខ្ចីភ្លឺតែមួយដែលដើរតួជាសូចនាករស្ថានភាព LED។ ភាសារចនាគឺផ្តោតលើអ្នកអភិវឌ្ឍន៍ - បង្អួចកូដដែលមានចន្លោះតែមួយជាមួយនឹងចំណុចភ្លើងចរាចរណ៍ រូបតំណាង 3D អ៊ីសូម៉ែត្រិចពណ៌បៃតងហត្ថលេខា និងចន្លោះពណ៌សច្រើន ដែលអនុញ្ញាតឱ្យធាតុមួយនៅក្នុងផ្នែកនីមួយៗភ្លឺ។ ពុម្ពអក្សរត្រូវបានបែងចែករវាងពុម្ពអក្សរផ្ទាល់ខ្លួន (Goga) សម្រាប់ចំណងជើង និងពុម្ពអក្សរអថេរ (Inter) សម្រាប់ធាតុ UI ទាំងអស់ ដែលទាំងពីរកំណត់ជាមួយនឹងការតាមដានអវិជ្ជមានតូចចង្អៀត។ ពណ៌ត្រូវបានចែកចាយស្មើៗគ្នា៖ អេក្រង់ភាគច្រើនមិនមានពណ៌ ហើយពណ៌បៃតងខ្ចីភ្លឺលេចឡើងតែលើសកម្មភាពសំខាន់ៗ ឡូហ្គោ រូបភាព 3D និងពេលវេលានៃការសង្កត់ធ្ងន់។ សមាសធាតុមានរាងសំប៉ែត និងគ្មានស៊ុម ជាមួយនឹងជម្រៅដែលបង្កើតឡើងតាមរយៈព្រំដែនពណ៌បៃតងស្រាលៗ និងភាពព្រិលផ្ទៃខាងក្រោយជាជាងស្រមោល។
ម៉ូឌុលប្រើប្លង់ងងឹតទទឹងពេញដែលមានទទឹងអតិបរមា 1280px ដើម្បីសម្រួលដល់ខ្លឹមសារ។ បង្អួចវីរបុរសស្ថិតនៅចំកណ្តាល៖ ចំណងជើង (ប្រយោគទីមួយជាពណ៌បៃតងខ្ចី) ចំណងជើងរង ការអំពាវនាវឱ្យធ្វើសកម្មភាពពីរ និងវត្ថុ 3D តែមួយជាយុថ្កាដែលមើលឃើញ—ដោយមិនបំបែកប្លង់ចេញពីរបារចំហៀង។ ផ្នែកមាតិកាធ្វើតាមចង្វាក់ឯកសណ្ឋាន៖ ស្លាកចិញ្ចើម (អក្សរធំ Moss 70) → ចំណងជើង Goga → អត្ថបទតួដែលស្ងាត់ បន្ទាប់មកប្លង់ជួរឈរពីរដែលមានការពិពណ៌នាលក្ខណៈពិសេស (អត្ថបទ + កូដ/កាតដែលមើលឃើញ) ឬក្រឡាចត្រង្គបីជួរឈរនៃកាត។ ចន្លោះរវាងផ្នែកនានាមានទំហំធំទូលាយ—80px។ ទំព័រឆ្នូតទទេជ្រៅ (#000000) និងផ្ទៃខាងក្រោយស្រាលជាងបន្តិច (#181818) ជាមួយនឹងផ្នែកស្រាលមួយ (#def0dd) លេចឡើងនៅចំកណ្តាលទំព័រជាការសម្រាកដែលមើលឃើញ។ ការរុករកមានរបារកំពូលថេរតែមួយដែលមានផ្ទៃខាងក្រោយព្រិលៗ—គ្មានរបារចំហៀង ឬម៉ឺនុយធំទេ។ បាតកថាមានទំហំតូច និងងងឹត ជាមួយនឹងជួរឈរតំណភ្ជាប់ពណ៌បៃតងស្ងាត់។ ដង់ស៊ីតេអក្សរមានផាសុកភាព៖ ផ្នែកនីមួយៗត្រូវបានផ្តល់ទំហំគ្រប់គ្រាន់ ហើយក្រឡាចត្រង្គកាតប្រើមិនលើសពីបីជួរឈរទេ។
ភាសាដែលមើលឃើញរបស់ Modal ត្រូវបានបែងចែកជាពីររបៀប៖ ការបង្ហាញផលិតផលភ្លឺ 3D និងគំរូបង្អួចកូដងងឹត។ ចំណុចផ្តោតគឺគូប 3D តែមួយដែលបង្ហាញដោយប្រើជម្រាលទីផ្សារ (ពីពណ៌បៃតងខ្ចីទៅពណ៌បៃតងត្បូងមរកត) ដែលកំណត់នៅក្នុងហាឡូជម្រាលរ៉ាឌីកាល់ដែលងូតទឹកកន្លែងទទេក្នុងពន្លឺពណ៌បៃតង - រចនាប័ទ្មដែលមើលឃើញពិសេសរបស់ម៉ាក។ កាតបន្ទុកការងារមានរូបតំណាង 3D អ៊ីសូម៉ែត្រិច (គូបស៊ុមខ្សែ ជណ្តើររឹង ស្រទាប់) ដែលបង្ហាញជាពណ៌បៃតងខ្ចីដូចគ្នាប្រឆាំងនឹងផ្ទៃខាងក្រោយងងឹត។ លទ្ធផលកូដ និងស្តង់ដារត្រូវបានបង្ហាញជាកាតបង្អួចស្ថានីយដែលមានចំណុចភ្លើងចរាចរណ៍ ការបន្លិចវាក្យសម្ព័ន្ធឯកតោភាគីនៅក្នុងក្ដារលាយផូស្វ័រ និងស៊ុមពណ៌បៃតងស្រអាប់ - ពួកវាស្រដៀងនឹងរូបថតអេក្រង់នៃចំណុចប្រទាក់បន្ទាត់ពាក្យបញ្ជាពិតប្រាកដ។ ឡូហ្គោអតិថិជនត្រូវបានបង្ហាញជាស្លាកពណ៌បៃតងប្រផេះស្រអាប់នៅក្នុងជួរតែមួយដែលមានកម្រិតពណ៌ទាប ដែលបង្ហាញពីទំនុកចិត្តដោយគ្មានការប្រកួតប្រជែងដែលមើលឃើញ។ ដង់ស៊ីតេសរុបគឺទាប - ទំព័រភាគច្រើនមានអត្ថបទជាចម្បង ហើយរូបភាពត្រូវបានបង្ហាញជាចំណុចផ្តោតនីមួយៗជាជាងក្រឡាចត្រង្គនៃរូបថត។ មិនមានរូបថតទេ។ ប្រព័ន្ធដែលមើលឃើញទាំងមូលត្រូវបានបង្ហាញ ធរណីមាត្រ និងរស្មី។
ក្ដារលាយពណ៌
ម៉ាក
- Lime Pulse
#7fee64— ធាតុសំខាន់ៗនៃអត្តសញ្ញាណសាជីវកម្មគឺឡូហ្គោ ការអំពាវនាវឱ្យធ្វើសកម្មភាព (CTA) ការបំពេញស្លាក ស្ថានភាពសកម្ម និងពណ៌មូលដ្ឋាននៃរូបភាព។
អព្យាក្រឹត
- Phosphor White
#ddffdc— អត្ថបទសំខាន់ ពណ៌ចំណងជើង គ្រោងរូបតំណាង និងអត្ថបទប៊ូតុងដែលបានបំពេញ គឺជាផ្ទៃសំខាន់ដែលអាចអានបាន។ - Void Black
#000000— ផ្ទាំងក្រណាត់ទំព័រ ស្រទាប់ផ្ទៃខាងក្រោយជ្រៅបំផុត - Ground Iron
#181818— ការបំពេញប៊ូតុងមេ ផ្ទៃកាតនៅក្នុងតំបន់ងងឹត ផ្ទៃមូលដ្ឋាននៃចំណុចប្រទាក់អ្នកប្រើប្រាស់។ - Carbon Veil
#212525— ផ្ទៃខាងលើខ្ពស់ ផ្ទៃខាងក្រោយរុករក ស្រាលជាងដីបន្តិច។ - Circuit Border
#485346— ស៊ុមគ្រោង/សកម្មភាពខ្មោច ដែលជាខ្សែស្តើងអន្តរកម្មសំខាន់ គឺជាពណ៌ប្រផេះបៃតងស្រាលៗ។ - Phosphor Blue-Black
#1f2a33— បន្ទាត់សម្គាល់ស្តើងបន្ទាប់បន្សំ ដែលបែងចែកបន្ទាត់ដាច់ៗរវាងឆ្នូតងងឹត។
អក្សរសាស្ត្រ
ពី 12 ដល់ 64px · 8 ជំហាន
- Goga — ការជំនួស៖ Inter Tight or Space Grotesk · គ្រោង 400, 500 · ពុម្ពអក្សរចំណងជើង និងចំណងជើងរង – ប្រើសម្រាប់ចំណងជើង និងកាត H1–H4 ទាំងអស់។ Goga គឺជាពុម្ពអក្សរ sans-serif ធរណីមាត្រផ្ទាល់ខ្លួនដែលមានរន្ធតូចចង្អៀត និងចុងរាងការ៉េបន្តិច។ ទម្ងន់មធ្យម (500) ត្រូវបានរក្សាទុកសម្រាប់ការបន្លិចចំណងជើងកម្រិតកាត។ ទម្ងន់ធម្មតា (400) ត្រូវបានប្រើសម្រាប់ចំណងជើងវីរបុរស និងផ្នែក។ ដើម្បីចូលប្រើរាង glyph ជំនួសដែលកំណត់អត្តសញ្ញាណរបស់ Modal សំណុំរចនាប័ទ្ម 'ss01' របស់វាត្រូវតែបើកដំណើរការ។ គម្លាតអក្សរអវិជ្ជមានថយចុះបន្តិចម្តងៗពី -0.007em នៅ 48px ដល់ -0.017em នៅ 21px។
- Inter Variable — ការជំនួស៖ Inter · គ្រោង 400, 500 · ចំណុចប្រទាក់អ្នកប្រើប្រាស់ និងច្បាប់ចម្លងតួអត្ថបទ – ការរុករក ប៊ូតុង ច្បាប់ចម្លងតួអត្ថបទ ស្លាក បាតកថា។ ទម្ងន់មធ្យម (500) ត្រូវបានប្រើតាមលំនាំដើមសម្រាប់ធាតុអន្តរកម្ម និងការរុករក។ ធម្មតា (400) ត្រូវបានប្រើសម្រាប់កថាខណ្ឌ។ គម្លាតអក្សរត្រូវបានកាត់បន្ថយគួរឱ្យកត់សម្គាល់សូម្បីតែទំហំតូចក៏ដោយ (-0.026em នៅ 14px, -0.022em នៅ 16px) ដែលផ្តល់ឱ្យចំណុចប្រទាក់នូវដង់ស៊ីតេចុងអក្សររួម។ សម្រាប់វណ្ណយុត្តិជំនួស វ៉ារ្យ៉ង់តួអក្សរ 'cv11' គួរតែត្រូវបានរួមបញ្ចូល។ ស្លាកអក្សរធំទាំងអស់នៅ 12px ប្រើគម្លាតអក្សរ +0.05em ដើម្បីទប់ទល់នឹងដង់ស៊ីតេច្បាប់ចម្លងតួអត្ថបទ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 20px |
| កាំប៊ូតុង | 12px |
| កាំកាត | 8px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 80px |
| ទទឹងទំព័រ | 1280px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Modal ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Slash — តុដេកពាក់កណ្តាលអធ្រាត្រជាមួយនឹងសៀវភៅកត់ត្រាមាស
- AgentQL — ពន្លឺភាគខាងជើងពីលើស្ថានីយនៅពេលយប់
- GitHub — បន្ទះបញ្ជាលំហដែលមានចំណុចបញ្ជាជីវពន្លឺ — កន្លែងធ្វើការងងឹត និងមានបរិយាកាសល្អ ជាកន្លែងដែលពន្លឺពណ៌បៃតងតែមួយចង្អុលផ្លូវទៅមុខ។
- Doppler — ពន្លឺពណ៌ស្វាយរបស់បន្ទប់ក្រោមដីនៅពាក់កណ្តាលអធ្រាត្រ។ ផ្ទាំងក្រណាត់ស្ទើរតែខ្មៅភ្លឺដោយសញ្ញាពណ៌ស្វាយតែមួយ និងភ្លើងបញ្ជាក់ពណ៌បៃតង ដែលផ្ទៃនីមួយៗកោងល្មមអាចចាប់បាន។
- Basedash — ស្ថានីយទិន្នន័យពាក់កណ្តាលអធ្រាត្រដែលមានពុម្ពអក្សរម៉ាត់។ កន្លែងសង្កេតមើលផ្កាយងងឹតមួយដែលម៉ែត្របង្ហាញពន្លឺពណ៌ស្វាយ និងបៃតង ចំណងជើងអក្សរ serif អណ្តែតពីលើសំឡេងរំខាន ហើយប៊ូតុងរាងដូចគ្រាប់ពណ៌សគឺជាវត្ថុភ្លឺតែមួយគត់នៅក្នុងបន្ទប់ដែលមានផ្ទៃខ្មៅទន់។
- Superwhisper — ពន្លឺភាគខាងជើងរលាយបាត់លើកញ្ចក់ពាក់កណ្តាលអធ្រាត្រ
- Better Stack — កុងសូល SRE ពាក់កណ្តាលអធ្រាត្រ
- Langbase — កុងសូលពន្លឺភាគខាងជើងពាក់កណ្តាលអធ្រាត្រ
- Astro — ការគ្រប់គ្រងបេសកកម្មអវកាសជ្រៅជាមួយនឹងពន្លឺពណ៌ស្វាយតែមួយពីណេប៊ុឡាមួយ
- Wayfinder — អេក្រង់ភាពយន្តពណ៌ខ្មៅមួយដែលមានចំណងជើងដែលស្ទើរតែឮសំឡេង អណ្តែតពីលើរូបភាពផ្ទាល់។ ចំណុចប្រទាក់គឺជាឧបករណ៍រំកិលពន្លឺជាជាងបន្ទះត្រួតពិនិត្យ។
- HashiCorp — បន្ទប់ត្រួតពិនិត្យនៅពាក់កណ្តាលអធ្រាត្រ ជាមួយនឹងពណ៌ស្វាយណេអុង គឺជាផ្ទៃបច្ចេកទេសងងឹតមួយ ដែលគូបរាងឆកោនដែលភ្លឺចែងចាំងបម្រើជាពណ៌យោងតែមួយគត់។
- Umbrel — រណ្ដៅភ្លើងកក់ក្ដៅមួយនៅក្នុងបន្ទប់ម៉ាស៊ីនបម្រើពេលយប់—បន្ទប់ងងឹតមួយដែលពន្លឺពណ៌ស្វាយតែមួយបង្ហាញពីអ្វីដែលសំខាន់ពិតប្រាកដ។