
Caldera
ដុតភ្លើងលើថ្មកំបោរក្តៅឧណ្ហៗ។ ផ្ទាំងក្រណាត់គឺជាម្នាងសិលាឆៅក្តៅឧណ្ហៗ ហើយធាតុពណ៌ទឹកក្រូចនីមួយៗមើលទៅដូចជាធ្យូងដែលកំពុងឆេះដែលត្រូវបានសង្កត់ទៅលើផ្ទៃ។
ភ្នំភ្លើង Caldera ដំណើរការលើផ្ទាំងក្រណាត់ថ្មកំបោរក្តៅឧណ្ហៗ ដែលងូតទឹកដោយពណ៌ទឹកក្រូចរលាយ។ ចំណុចប្រទាក់គឺរាបស្មើ និងគ្មានស្រមោល ដែលអនុញ្ញាតឱ្យប្រភេទដិតខ្លាំង និងបង្រួមក្នុងមាត្រដ្ឋានស្ថាបត្យកម្មជិត (រហូតដល់ 189px) ផ្ទុកបន្ទុករចនាសម្ព័ន្ធទាំងមូល។ ពណ៌ទឹកក្រូចភ្លឺតែមួយ (#fc5000) ដើរតួជាការសង្កត់សំឡេងពណ៌ដ៏ខ្លាំងក្លាប្រឆាំងនឹងផ្ទៃខាងក្រោយនៃពណ៌តែមួយពណ៌ ពណ៌ប្រផេះក្តៅ ពណ៌ស្វាយប្លាស្មាត្រូវបានរក្សាទុកសម្រាប់រូបភាពពាក់កណ្តាលពណ៌សំខាន់ និងពណ៌លឿងស្ពាន់ធ័រសម្រាប់ស្លាក។ ភាសាដែលមើលឃើញគឺភ្នំភ្លើង៖ អក្សរក្រាស់ៗ លំនាំចំណុចពាក់កណ្តាលពណ៌ កាំ 40px នៅលើកាត និងប៊ូតុង និងការគ្រប់គ្រងរាងដូចគ្រាប់ថ្នាំ 800px - ភាពកក់ក្តៅរុំព័ទ្ធក្នុងផ្ទៃទន់ដូចក្រដាស។
ក្ដារលាយពណ៌ដែលមើលឃើញគឺមានលក្ខណៈសាមញ្ញ និងគួរឱ្យគិត។ បង្អួចមេប្រើលំនាំចំណុចពាក់កណ្តាលពណ៌អរូបី (ចំណុចពណ៌ទឹកក្រូចនៅលើជម្រាលពណ៌ស្វាយទៅពណ៌ទឹកក្រូច) ជំនួសឱ្យរូបថត - វាមិនបម្រើជាការតុបតែងទេ ប៉ុន្តែជាការបញ្ចេញមតិសិល្បៈនៃម៉ាក។ កាតដែលមានព័ត៌មានផលិតផល និងការប្រកាសប្រើប្លុក Ember រឹងមាំ ឬពាក់កណ្តាលពណ៌ Plasma Violet ជាការបំពេញរូបភាព ដែលផ្តល់នូវប្រព័ន្ធក្រាហ្វិកបង្រួបបង្រួម។ ឡូហ្គោដៃគូ/ការរួមបញ្ចូលលេចឡើងជារូបតំណាងពណ៌តែមួយនៅលើផ្ទៃខាងក្រោយស្រាល។ មិនមានរូបថត ការបង្ហាញ 3D ឬរូបភាពរបៀបរស់នៅទេ។ រូបតំណាងមានទំហំតូច ពណ៌តែមួយ និងតិចតួចបំផុត - Discord, X និង Telegram មានទីតាំងនៅក្នុងការរុករកជា glyphs សាមញ្ញ។ ភាសាដែលមើលឃើញគឺក្រាហ្វិក និងវិចារណកថា មិនមែនជារូបថតទេ៖ វាស្រដៀងនឹងការរចនាផ្ទាំងរូបភាពជាជាងរូបភាពស្តុក។
ក្ដារលាយពណ៌
ម៉ាក
- Ember
#fc5000— ប៊ូតុងសកម្មភាពចម្បង កាតស្ថិតិ និងការសង្កត់សំឡេងដែលមើលឃើញសំខាន់ៗ គឺជាការសង្កត់សំឡេងពណ៌ដ៏ឈ្លានពានតែមួយគត់។ ភាពសម្បូរបែបរបស់វាប្រឆាំងនឹងពណ៌ប្រផេះក្តៅបង្កើតអារម្មណ៍បន្ទាន់ដោយមិនចាំបាច់មានធាតុតុបតែងបន្ថែម។ - Plasma Violet
#524ae9— មូលដ្ឋានពណ៌ជម្រាលពាក់កណ្តាលមេ ផ្ទៃកាតបន្ថែមមួយ - ប្រើស្ទើរតែទាំងស្រុងក្នុងលំនាំចំណុចមេ និងលើកាតឧទ្ទិសមួយ; មិនដែលប្រើសម្រាប់ការគ្រប់គ្រងឡើយ។
អព្យាក្រឹត
- Sulfur
#f5f28e— ផ្ទៃខាងក្រោយសម្រាប់រូបតំណាងស្លាក និងប្រភេទ ដែលជាចំណុចលេចធ្លោតូចៗ គឺជាពណ៌លឿងស្រាលដែលប្រើដើម្បីចង្អុលបង្ហាញប្រភេទប្រកាសប្លក់ និងការប្រកាសកម្មវិធី។ - Limestone
#f7f6f2— ផ្ទៃកាត ផ្ទៃខាងក្រោយប្លុកខ្លឹមសារ និងការបំពេញប៊ូតុងបន្ថែម គឺជាពណ៌សស្រាលជាង និងកក់ក្តៅជាង ដែលធ្វើឱ្យធាតុនានាលេចធ្លោប្រឆាំងនឹងផ្ទាំងក្រណាត់ទំព័រ។ - Pumice
#e2e2df— ផ្ទៃខាងក្រោយសំខាន់នៃទំព័រគឺជាពណ៌ប្រផេះមធ្យមក្តៅ ដែលបម្រើជាមូលដ្ឋានសម្រាប់ផ្នែកនីមួយៗ។ វាមានពណ៌ខ្មៅជាងផ្ទៃក្រដាសកាតុងបន្តិច ដែលអនុញ្ញាតឱ្យមានការបំបែកបន្តិចបន្តួចនៃរូបភាព និងផ្ទៃខាងក្រោយដោយគ្មានស្រមោល។ - Obsidian
#070607— អត្ថបទសំខាន់ ចំណងជើង អត្ថបទតំណ និងស៊ុមប៊ូតុងស្ទើរតែមានពណ៌ខ្មៅ ជាមួយនឹងពណ៌ក្តៅដែលស្ទើរតែមិនអាចកត់សម្គាល់បាន ដែលត្រូវគ្នានឹងពណ៌ក្តៅនៃផ្ទាំងក្រណាត់។ - Chalk
#ffffff— អត្ថបទនៅក្នុងផ្នែកងងឹត អត្ថបទបញ្ចូលលើផ្ទៃខាងក្រោយងងឹត ការលាបពណ៌ផ្ទុយគ្នាខ្ពស់ - ពណ៌សសុទ្ធត្រូវបានប្រើតែកន្លែងដែលត្រូវការភាពផ្ទុយគ្នាអតិបរមាជាមួយផ្ទៃងងឹតប៉ុណ្ណោះ។
អក្សរសាស្ត្រ
ពី 12 ដល់ 189px · 10 ជំហាន
- PP Neue Corp Compact — ការជំនួស៖ Bebas Neue · គ្រោង 400 (Ultrabold cut) · ចំណងជើង និងអត្ថបទបង្ហាញទាំងអស់។ ពុម្ពអក្សរដែលរចនាឡើងតាមតម្រូវការ បង្រួម និងដិតខ្លាំង ផ្តល់ឱ្យចំណងជើងនូវទម្ងន់ដូចសញ្ញាឧស្សាហកម្ម។ ទំហំ 189px នៅក្នុងប្លុកមេឆ្លុះបញ្ចាំងពីរចនាប័ទ្មហត្ថលេខារបស់ម៉ាក៖ បង្រួម ស្ទើរតែជារចនាសម្ព័ន្ធជាជាងអក្សរពុម្ព។ ការកំណត់ "ss06" និង "ss10" ធ្វើឱ្យទម្រង់អក្សរ និងគម្លាតជំនួសសកម្មសម្រាប់ចង្វាក់កាន់តែខ្លាំងក្លា និងបង្រួម។ គម្លាតអក្សរវិជ្ជមាន (+0.02em) គឺមិនធម្មតាសម្រាប់ទំហំបង្ហាញ និងការពារអារម្មណ៍នៃអត្ថបទចង្អៀតនៅ 80–189px។
- DM Sans — ការជំនួស៖ Inter · គ្រោង 500 (Medium only — never Regular or Bold) · អត្ថបទសំខាន់ តំណភ្ជាប់រុករក ស្លាកប៊ូតុង និងចំណងជើងរងមានទំហំរហូតដល់ 30px។ ទម្ងន់ពុម្ពអក្សរមធ្យមត្រូវបានជ្រើសរើសដោយចេតនា—ពុម្ពអក្សរធម្មតានឹងមើលទៅស្តើងពេកបើប្រៀបធៀបទៅនឹងពុម្ពអក្សរចំណងជើងដែលដិតខ្លាំង ហើយពុម្ពអក្សរដិតនឹងប្រកួតប្រជែងជាមួយវា។ DM Sans បង្កើតចំណុចប្រឆាំងធរណីមាត្របន្តិចចំពោះពុម្ពអក្សរចំណងជើងឧស្សាហកម្ម។
- System sans-serif — ការជំនួស៖ Inter · គ្រោង 400 · ចំណងជើង, metatext, កាលបរិច្ឆេទ, microtags។ ប្រើតែក្នុង 12px ប៉ុណ្ណោះ ដែលទម្ងន់ និងការទទួលស្គាល់ម៉ាកមិនសូវសំខាន់ដូចការសន្សំសំចៃលើទំហំ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 16px |
| កាំប៊ូតុង | 40px |
| កាំកាត | 40px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 80px |
| ទទឹងទំព័រ | 1280px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Caldera ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- teenage engineering — កាតាឡុកឧស្សាហកម្មនៅក្នុងភ្លើងបំភ្លឺស្ទូឌីយោ - ផលិតផលគឺជាវត្ថុសំខាន់តែមួយគត់នៅលើទំព័រ ហើយអ្វីៗផ្សេងទៀតត្រូវបានពិភាក្សាជុំវិញវា។
- basement — ម៉ាស៊ីនបោះពុម្ពទទេមួយនៅម៉ោង ៣ ទៀបភ្លឺ - ពុម្ពអក្សរធំៗដែលបានបង្ហាប់បានរាលដាលពាសពេញពណ៌ខ្មៅស្រអាប់ ពន្លឺពណ៌ទឹកក្រូចតែមួយភ្លែតនៅលើរបាររុករក អ្វីៗផ្សេងទៀតមានពណ៌ស ឬពណ៌ប្រផេះស្រអាប់។
- amra — ស្វ៊ែរពណ៌ភ្លឺចែងចាំងលើផ្ទៃខាងក្រោយពណ៌ស — ការសង្កត់សំឡេងពណ៌ស្វាយគឺជាជីពចរពណ៌តែមួយគត់នៅលើទំព័រដែលស្ទើរតែគ្មានពណ៌ល្អឥតខ្ចោះ ហើយស្វ៊ែរពណ៌ជម្រាលតែមួយធ្វើការងារដែលរូបភាពសំខាន់តែងតែធ្វើ។
- Stink Studios — ស្ទូឌីយោភាពយន្តមួយនៅពាក់កណ្តាលអធ្រាត្រ - ម៉ាស៊ីនបញ្ចាំងសំឡេងរោទ៍ បន្ទប់ងងឹត មានតែភាពយន្តប៉ុណ្ណោះដែលភ្លឺ
- Andrei Rybin — សៀវភៅគំនូរព្រាងពណ៌តែមួយពណ៌ គឺជាសៀវភៅកត់ត្រារចនាបថ ដែលអេក្រង់ទូរស័ព្ទត្រូវបានភ្ជាប់ទៅនឹងសន្លឹកទំនាក់ទំនងពណ៌សដូចជញ្ជាំង។
- Uniswap Cup — ការផ្សាយការប្រកួត eSports ធ្វើឡើងនៅលើគេហទំព័រគំរូមួយ - សញ្ញាសម្គាល់ពណ៌ផ្កាឈូកគូសបញ្ជាក់ពីក្រឡាចត្រង្គនៃការ៉េពណ៌ស និងបន្ទាត់ស្តើងៗ។
- Freytag Anderson — វាំងននរោងកុនបានលេចចេញមកដោយពាក្យតែមួយម៉ាត់។ រូបភាពដ៏ធំមួយដែលមានចលនាគ្របដណ្តប់លើអេក្រង់ទាំងមូល ឈ្មោះយីហោស្ថិតនៅជ្រុងមួយដូចជាចំណងជើង ហើយគ្មានអ្វីផ្សេងទៀតរំខានឡើយ។
- Integrated Biosciences — មន្ទីរពិសោធន៍ជីវពន្លឺនៅពាក់កណ្តាលអធ្រាត្រ
- Vercel — ស្ថានីយបោះពុម្ពលើក្រដាសពណ៌ស
- Mintlify — សួនពពកមួយនៅពីលើតុកញ្ចក់មួយ។ មេឃដែលគូរដោយដៃ និងខ្សែភាពយន្តឯកសារត្រូវបានដាក់បញ្ចូលគ្នា—ជាកន្លែងតែមួយគត់ដែលពណ៌ និងគំនិតប៉ះទង្គិចគ្នាមុនពេលទំព័ររសាត់ទៅជាពណ៌សដូចព្រះវិហារ។
- Gleap — កន្លែងធ្វើការដែលតុបតែងដោយពណ៌ក្រែមក្តៅៗជាមួយនឹងការសង្កត់សំឡេងក្រាហ្វីត — ជាស្ទូឌីយោដែលចំណុចទឹកថ្នាំពណ៌ខ្មៅស្រអាប់ហាក់ដូចជាអណ្តែតពីលើស្ថាបត្យកម្មក្រណាត់ទេសឯក។
- ClickUp — ផ្ទាំងគ្រប់គ្រងដ៏មានអានុភាពមួយនៅលើថ្មម៉ាបពណ៌ស។ ទំព័រនេះគឺជាខិត្តប័ណ្ណផលិតផលសម្រាប់ឧបករណ៍ផលិតភាព ដូច្នេះភាសាដែលមើលឃើញត្រូវបានខ្ចីពីផលិតផលខ្លួនឯង៖ បញ្ជីក្រាស់ៗ សូចនាករស្ថានភាព ក្រុមរូបតំណាង និងសេចក្តីថ្លែងការណ៍អក្សរដិតដែលមើលទៅដូចជាការបញ្ជាក់ផលិតផលដែលបង្ហាញ។