Calendly
ទឹកថ្នាំពណ៌ខៀវចាស់លើថ្មម៉ាបត្រជាក់
Calendly មានអារម្មណ៍ដូចជាកន្លែងធ្វើការរៀបចំផែនការដ៏ស្ងប់ស្ងាត់ និងមានទំនុកចិត្ត៖ ផ្ទាំងក្រណាត់ពណ៌សស្ទើរតែដូចក្រណាត់ដែលមានកន្លែងដកដង្ហើមច្រើន កាតផលិតផលពណ៌សច្បាស់ៗអណ្តែតលើផ្ទៃខាងក្រោយពណ៌ប្រផេះត្រជាក់ និងអក្សរទាំងអស់ដែលបង្ហាញជាទឹកថ្នាំពណ៌ខៀវចាស់ជាជាងពណ៌ខ្មៅសុទ្ធ។ ធាតុកំណត់គឺពណ៌ខៀវចាស់ (#0b3558) ដែលត្រូវបានប្រើគ្រប់ទីកន្លែងដែលអត្ថបទលេចឡើង - ចំណងជើង ប៊ូតុង រូបតំណាង តំណភ្ជាប់ - ដែលធ្វើឱ្យចំណុចប្រទាក់ទាំងមូលទន់ ធ្វើឱ្យវាមានភាពកក់ក្តៅ និងទាន់សម័យជាងទំព័រចុះចត SaaS ធម្មតា។ ពណ៌ខៀវភ្លឺតែមួយ (#006bff) ត្រូវបានប្រើសម្រាប់សកម្មភាពចម្បងទាំងអស់ ហើយការតុបតែងពណ៌ផ្កាឈូក និងខៀវដែលលាតសន្ធឹងហួសពីប្លង់ផលិតផលបន្ថែមភាពកក់ក្តៅដោយមិនបង្កើតភាពរញ៉េរញ៉ៃ។ សមាសធាតុត្រូវបានរក្សាឱ្យមានលក្ខណៈសាមញ្ញ៖ ស៊ុមស្តើង 1px ស្រមោលពណ៌ខៀវស្រទន់ កាំកាតធំ 24px និងជ្រុងប៊ូតុង 8px មានអារម្មណ៍ថាចេតនាជាជាងភាពសាមញ្ញ។
ទទឹងអតិបរមា 1200px ស្ថិតនៅចំកណ្តាល ជាមួយនឹងរឹមធំទូលាយនៅលើផ្ទៃតុ។ អេក្រង់មេត្រូវបានបែងចែកជាពីរជួរឈរ៖ ជួរឈរខាងឆ្វេងមានបឋមកថា 80px + អត្ថបទតួ + ប៊ូតុងចូលដែលដាក់ជាជង់គ្នា ខណៈពេលដែលជួរឈរខាងស្តាំមានកាតធាតុក្រាហ្វិកកក់ដែលមានធាតុតុបតែងនៅផ្ទៃខាងក្រោយ។ នៅខាងក្រោមអេក្រង់មេគឺជាឆ្នូតទទឹងពេញតែមួយដែលមានឡូហ្គោ Trust។ ផ្នែកបន្តបន្ទាប់ឆ្លាស់គ្នារវាងប្លុកបឋមកថាដែលស្ថិតនៅចំកណ្តាល (H2 + អត្ថបទរង + ការអំពាវនាវឱ្យធ្វើសកម្មភាពជាជម្រើស) បន្ទាប់មកដោយប្លុកជួរឈរពីរដែលពិពណ៌នាអំពីលក្ខណៈពិសេស (អត្ថបទខាងឆ្វេង/ផលិតផលខាងស្តាំ ឬផលិតផលខាងឆ្វេង/អត្ថបទខាងស្តាំ) ជាមួយនឹងធាតុតុបតែងលម្អនៅពីក្រោយរូបភាពផលិតផលនីមួយៗ។ ក្រឡាចត្រង្គកាតកម្រត្រូវបានប្រើណាស់ - ប្លង់ពេញចិត្តផ្នែកដែលផ្គូផ្គងដាក់នៅក្បែរគ្នាជាជាងក្រឡាចត្រង្គច្រើនជួរឈរ។ គម្លាតរវាងផ្នែកមានចាប់ពី 48 ដល់ 64px។ ការរុករកគឺជារបារកំពូលថេរ 64px ដែលមានឡូហ្គោនៅខាងឆ្វេង ម៉ឺនុយកណ្តាល និងក្រុមនៃការអំពាវនាវឱ្យធ្វើសកម្មភាពនៅខាងស្តាំ។
ធាតុដែលមើលឃើញសំខាន់គឺរូបថតអេក្រង់ផលិតផល—គំរូសាមញ្ញនៃចំណុចប្រទាក់អ្នកប្រើប្រាស់ប្រតិទិនកក់ ដែលបង្ហាញលើកាតពណ៌សច្បាស់ល្អជាមួយនឹងជ្រុងមូលធំទូលាយ។ ការរចនាតុបតែង៖ កាតផលិតផលនីមួយៗត្រូវបានហ៊ុំព័ទ្ធដោយចំណុចទន់នៃពណ៌ស្វាយផ្កាថ្ម (#e55cff) ឬពណ៌ខៀវស្រងាត់ (#0099ff) ដែលមានអុហ្វសិតបន្តិច និងព្រិលៗ ដែលបង្កើតជាបែបផែនបិទភ្ជាប់ជាជាងរូបថតអេក្រង់រាបស្មើ។ គ្មានរូបថត គ្មានរូបភាពរបៀបរស់នៅ—ធាតុដែលមើលឃើញទាំងអស់តំណាងឱ្យចំណុចប្រទាក់អ្នកប្រើប្រាស់ផលិតផល រាងសង្កត់សំឡេងអរូបី ឬឡូហ្គោដៃគូពណ៌តែមួយនៅលើរបារទុកចិត្ត។ រូបតំណាងមានលក្ខណៈលីនេអ៊ែរដែលមានទទឹងបន្ទាត់ 1.5–2px ពណ៌តែមួយ ពណ៌ខៀវចាស់ (ទឹកថ្នាំសមុទ្រ) ឬពណ៌ខៀវ (ពណ៌ខៀវសញ្ញា)។
ក្ដារលាយពណ៌
ម៉ាក
- Ink Navy
#0b3558— អត្ថបទសំខាន់ ចំណងជើង រូបតំណាង ផ្ទៃខាងក្រោយងងឹតសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាព តំណភ្ជាប់រុករក។ - Signal Blue
#006bff— ការអំពាវនាវឱ្យធ្វើសកម្មភាពចម្បង (CTA) ការរុករកសកម្ម ការសង្កត់ធ្ងន់លើតំណភ្ជាប់ ស្ថានភាពដែលបានជ្រើសរើស
អព្យាក្រឹត
- Carbon
#0a0a0a— អក្សរពណ៌ខ្មៅសុទ្ធ (ជម្រើសជំនួស) និមិត្តសញ្ញាឡូហ្គោ ការបំពេញរូបតំណាង។ - Slate Gray
#476788— អត្ថបទសំខាន់បន្ថែម អត្ថបទគាំទ្រ ស្លាកដែលបានបិទសំឡេង។ - Mist Gray
#a6bbd1— អត្ថបទដែលបានបិទ ស្លាកមុខងារអសកម្ម គ្រោងរូបតំណាងភ្លឺ - Cloud
#f8f9fb— ផ្ទាំងក្រណាត់ទំព័រ, ផ្ទៃខាងក្រោយបាតកថា, ផ្ទៃបន្ថែម - Paper
#ffffff— ផ្ទៃកាត បន្ទះដែលលើកឡើង អក្សរប៊ូតុងនៅលើផ្ទៃខាងក្រោយពណ៌ខ្មៅ។ - Pebble
#f0f3f8— រូបភាពផ្ទៃខាងក្រោយសម្រាប់រូបតំណាង ការដាក់ស្រមោលវាលបញ្ចូល សញ្ញាបំបែកស្រាលៗ បែបផែនសំកាំងលើ។
អក្សរសាស្ត្រ
ពី 12 ដល់ 80px · 10 ជំហាន
- Gilroy — ការជំនួស៖ Manrope · គ្រោង 400, 500, 600, 700 · អត្ថបទចំណុចប្រទាក់ទាំងអស់។ Gilroy គឺជាអក្សរ sans-serif មនុស្សនិយមធរណីមាត្រ ដែលមានរន្ធធំទូលាយ និងកម្រិតពណ៌ស្មើគ្នា។ ទម្ងន់ដិតរបស់វា (700) ត្រូវបានប្រើសម្រាប់ចំណងជើង ខណៈដែល 500–600 ត្រូវបានប្រើសម្រាប់ប៊ូតុង និងចំណងជើងរង។ ជំនួសដោយ Manrope ឬ Inter។
- Gilroy — ការជំនួស៖ Inter · គ្រោង 400 · តួអត្ថបទ និងស្លាក UI ទូទៅ - ទម្ងន់ពុម្ពអក្សរ 400 ចំណុចធានាថាអត្ថបទវែងៗអាចអានបានដោយមិនមានអារម្មណ៍ថាធ្ងន់។
- Gilroy — ការជំនួស៖ Inter · គ្រោង 500 · ចំណងជើងរង និងអត្ថបទដែលបានបន្លិច - ពុម្ពអក្សរ 14/500 គឺជាឧបករណ៍ចម្បងសម្រាប់ចំណងជើងកាត និងស្លាកក្នុងជួរ។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ក្រាស់ |
| ជំហានមូលដ្ឋាន | 8-16px |
| កាំប៊ូតុង | 8px |
| កាំកាត | 24px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 48-64px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Calendly ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- ElevenLabs — អត្ថបទរូបថតមួយក្នុងពណ៌ក្រែមក្តៅឧណ្ហៗ ជាមួយនឹងចំណងជើងស្រាលៗ។ សៀវភៅកត់ត្រារចនាប័ទ្ម Bauhaus—ក្រដាសពណ៌សំបកស៊ុត ទឹកថ្នាំពណ៌ខ្មៅ និងពណ៌ស្វាយ និងពណ៌ទឹកក្រូចតែមួយសម្រាប់បង្ហាញផលិតផល។
- Awesomic — សំណាញ់ស័ង្កសីសម្រាប់សរសេរអត្ថបទ ដែលមានសញ្ញាវណ្ណយុត្តិពណ៌ទឹកក្រូច ដែលរំលឹកដល់ក្រដាសពណ៌
- Monad — ទិនានុប្បវត្តិបច្ចេកទេសវិចារណកថាលើក្រដាសក្តៅ
- Dub — បន្ទះត្រួតពិនិត្យក្រដាសអង្ករម៉ាត់របស់ Link
- Seline Analytics — តុវិភាគស្ងាត់ៗលើក្រដាសក្តៅឧណ្ហៗ
- Notion — សៀវភៅកត់ត្រាក្រដាសក្តៅមួយនៅក្រោមពន្លឺថ្ងៃត្រង់
- Anthropic — ទិនានុប្បវត្តិវិទ្យាសាស្ត្រលើក្រដាស vellum ក្តៅៗ—ផ្ទៃភ្លុកស្ងប់ស្ងាត់ ចំណងជើងវិចារណកថាដែលមានស្នាមឆ្នូតៗ និងការសង្កត់សំឡេងដីឥដ្ឋតែមួយ ដែលលេចឡើងតែនៅពេលត្រូវការសកម្មភាពប៉ុណ្ណោះ។
- Augen Pro — ការបង្ហាញពណ៌សរបស់ក្រុមហ៊ុន Apple មានពណ៌ខៀវអគ្គិសនី គ្មានទម្ងន់ ជាចំណុចលេចធ្លោតែមួយគត់នៅក្នុងលំហពណ៌តែមួយ។
- Antimetal — កំណត់ហេតុវិចារណកថាមួយនៅលើក្រដាសពណ៌ក្រែម—ព្រឹកដ៏ស្ងប់ស្ងាត់មួយនៅក្នុងទិនានុប្បវត្តិវិទ្យាសាស្ត្រមួយ ដែលការអត់ធ្មត់បង្ហាញពីទំនុកចិត្ត ហើយអក្សរ serifs ធ្វើការងារធ្ងន់ៗ។
- Perk — កំបោរអគ្គិសនីលើក្រដាស parchment ក្តៅ
- Ditto — សិក្ខាសាលាមួយដែលមានពន្លឺថ្ងៃបង្កើតគំរូផ្កាព្រៃ។ ផ្ទៃក្រែមក្តៅឧណ្ហៗ ពណ៌មូលដ្ឋានពណ៌លឿងភ្លឺ ទឹកថ្នាំពណ៌ខៀវចាស់ និងទម្រង់ពណ៌សរីរាង្គរីកដុះដាលនៅពីក្រោយស្នាដៃ។
- Officevibe — ទស្សនាវដ្ដីវិចារណកថាមួយនៅលើក្រដាសពណ៌ក្រែមក្តៅ។ ស្រមៃមើលអត្ថបទដ៏ស៊ីជម្រៅមួយអំពីការគ្រប់គ្រងធនធានមនុស្ស ដែលត្រូវបានបង្ហាញជាផលិតផលមួយ - ពុម្ពអក្សរសរសេរដោយដៃជាអក្សរដិតដែលខ្សឹបខ្សៀវតាមរយៈចំណុចប្រទាក់ពណ៌ខៀវទំនើប។