Slash
តុដេកពាក់កណ្តាលអធ្រាត្រជាមួយនឹងសៀវភៅកត់ត្រាមាស
Slash ដំណើរការក្នុងរបៀបវិចិត្រសាលពាក់កណ្តាលអធ្រាត្រ៖ ផ្ទាំងក្រណាត់ស្ទើរតែខ្មៅ អក្សរពណ៌ស និងការសង្កត់សំឡេងពណ៌ទង់ដែងក្តៅតែមួយដែលបម្រើជាសញ្ញាវណ្ណយុត្តិ។ ចំណងជើងត្រូវបានបង្ហាញជា Ivy Presto ដែលជាអក្សរ didone serif កម្រិតពណ៌ខ្ពស់ដែលប្រើក្នុងទំហំខ្លាំង (រហូតដល់ 88px) - ការប៉ះទង្គិចគ្នានៃពុម្ពអក្សរ serif និង sans-serif នេះគឺជាហត្ថលេខារបស់ប្រព័ន្ធ ដែលផ្តល់ឱ្យវានូវភាពធ្ងន់ធ្ងរផ្នែកហិរញ្ញវត្ថុដោយគ្មានភាពធ្ងន់ធ្ងរនៃប្រតិបត្តិការធនាគារបែបប្រពៃណី។ ចំណុចប្រទាក់អ្នកប្រើប្រាស់ដែលនៅសល់ត្រូវបានធ្វើឱ្យសាមញ្ញដោយចេតនា៖ ស៊ុមស្តើង ការគ្រប់គ្រងរាងដូចគ្រាប់ថ្នាំ អក្សរតួតូច 16px និងការឡើងលើបន្តិចបន្តួចដើម្បីអនុញ្ញាតឱ្យអក្សរដកដង្ហើម។ ជម្រាលពណ៌មាសតែមួយ (បន្ទាត់តារាង ការសង្កត់សំឡេងតូចៗ) បន្ថែមភាពកក់ក្តៅដល់ប្រព័ន្ធ monochrome ដែលបង្កើតពន្លឺក្តៅនៃស្ថានីយ Bloomberg ដែលបង្កើតឡើងសម្រាប់ទស្សនិកជនរចនា។
ខ្លឹមសារមានទទឹង 1216 ភីកសែល ស្ថិតនៅចំកណ្តាល ជាមួយនឹងបន្ទាត់បញ្ឈរ 160 ភីកសែល។ អេក្រង់ដើមគឺជាផ្ទាំងក្រណាត់ពណ៌ខ្មៅ ទទឹងពេញ ដែលមានសមាសភាពបំបែក៖ បឋមកថា serif ដែលតម្រឹមខាងឆ្វេង (ទទឹង 64–88 ភីកសែល) ជាមួយនឹងវាលអាសយដ្ឋានអ៊ីមែលនៅខាងក្រោម និងកាត UI ផលិតផលធំមួយ (រូបថតអេក្រង់ផ្ទាំងគ្រប់គ្រង) នៅខាងស្តាំនៅទទឹង 50%។ ផ្នែកបន្តបន្ទាប់ប្រើបឋមកថាជួរឈរតែមួយ ដែលស្ថិតនៅចំកណ្តាល (serif ទទឹង 44–64 ភីកសែល) ជាមួយនឹងចំណងជើងរងនៅក្នុង Inter បន្ទាប់មកដោយក្រឡាចត្រង្គបីជួរឈរនៃកាតសម្រាប់ការពិពណ៌នាលក្ខណៈពិសេស/ទីបន្ទាល់/ប្លុក។ ការរុករកគឺជារបារកំពូលថេរ៖ ឡូហ្គោនៅខាងឆ្វេង ម៉ឺនុយកណ្តាល (ក្រុមហ៊ុន ផលិតផល ដំណោះស្រាយ អតិថិជន តម្លៃ សំណួរដែលសួរញឹកញាប់) ការចូលដែលតម្រឹមខាងស្តាំ (មិនច្បាស់) និងការចាប់ផ្តើម (ធាតុដែលបំពេញដោយពណ៌ស)។ បាតកថាមានក្រឡាចត្រង្គប្រាំជួរឈរក្រាស់នៃតំណភ្ជាប់ជាមួយព័ត៌មានក្រុមហ៊ុន និងការជូនដំណឹងផ្លូវច្បាប់។ ទំព័រនេះឆ្លាស់គ្នារវាងផ្នែកក្រឡាចត្រង្គដែលសម្បូរខ្លឹមសារ និងស្ថិតិពេញអេក្រង់—ចង្វាក់ត្រូវបានបង្កើតឡើងដោយចន្លោះពណ៌សដ៏ធំទូលាយរវាងជួរឈរជាជាងការឆ្លាស់គ្នានៃពណ៌ផ្ទៃខាងក្រោយ (ទំព័រទាំងមូលត្រូវបានបង្ហាញជាផ្ទាំងក្រណាត់តែមួយ)។
រូបថតនេះមានលក្ខណៈវិចារណកថា និងធម្មជាតិ៖ រូបភាពកក់ក្តៅរបស់ស្ថាបនិក និងសមាជិកក្រុមនៅក្នុងបរិយាកាសការងារពិតរបស់ពួកគេ (ការិយាល័យ បន្ទប់ទទួលភ្ញៀវ ការដ្ឋានសំណង់)។ រូបភាពបំពេញស៊ុមកាតពីគែមមួយទៅគែមមួយ ដោយគ្មានការបន្ថែមចន្លោះ។ ជម្រាលងងឹតត្រូវបានប្រើនៅផ្នែកខាងក្រោមនៃកាតសក្ខីកម្ម ដើម្បីបង្កើនភាពងាយស្រួលអានអត្ថបទ។ សោភ័ណភាព—"LinkedIn ជួបជាមួយទស្សនាវដ្តីវិចារណកថា"—គឺធម្មតា មានលក្ខណៈមនុស្សធម៌ និងស្ងាត់បន្តិច មិនដែលប៉ូលាជាមួយរូបថតស្តុកឡើយ។ រូបភាពតូចៗនៃអត្ថបទផ្សំរូបថតជាមួយនឹងគោលគំនិតដែលមានរូបភាព (មនុស្សម្នាក់ឈរនៅក្នុងវាលភក់ ចើងរកានកម្តៅជាមួយថង់លុយ)។ ចំណុចប្រទាក់អ្នកប្រើប្រាស់របស់ផលិតផលត្រូវបានបង្ហាញក្នុងរបៀបងងឹតជាមួយនឹងភាពស្រអាប់ពេញលេញ ដោយអណ្តែតនៅពីលើទំព័រលើផ្ទៃងងឹតស្រាលៗ—ធាតុកណ្តាល។ រូបតំណាងមានពណ៌តែមួយជាមួយនឹងបន្ទាត់ 1px ក្នុង #2e3038 ឬ #777a88 មិនដែលបំពេញដោយពណ៌ម៉ាកឡើយ។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Bone
#e2e3e9— ទំហំពុម្ពអក្សរធំសម្រាប់អត្ថបទចម្បង ស្លាកទិន្នន័យលម្អិត និងសម្លេងអត្ថបទស្តង់ដារនៅទូទាំងធាតុ UI ភាគច្រើន។ - Obsidian
#08080a— ផ្ទាំងក្រណាត់ទំព័រ ផ្ទៃខាងក្រោយបាតកថា និងផ្ទៃងងឹតបំផុតស្ទើរតែខ្មៅជាមួយនឹងពណ៌ខៀវស្រាលៗ។ - Onyx
#040406— ផ្ទៃនៃកាត ដែលជាផ្ទៃខាងក្រោយបន្ថែម គឺជ្រៅជាងទំព័រមួយជំហានសម្រាប់បែបផែនដែលមើលឃើញ។ - Carbon
#121317— បន្ទះដែលលើកខ្ពស់ ការបំពេញ UI មិនរំខាន - ជំហានដំបូងដែលស្រាលជាងមុនគួរឲ្យកត់សម្គាល់ក្នុងការវិវត្តន៍នៃ Surface Stack - Graphite
#1c1d22— ស៊ុម បន្ទាត់បែងចែក ធុងរូបតំណាង គ្រាប់រំកិលបញ្ជា—ពណ៌ដ៏ស្រទន់បំផុតដែលកំណត់រចនាសម្ព័ន្ធ។ - Slate
#2e3038— ស៊ុមបន្ថែម បន្ទាត់រូបតំណាងដែលស្ងាត់ៗ បន្ទាត់បែងចែកដ៏ស្រទន់រវាងប្លុកមាតិកា។
អក្សរសាស្ត្រ
ពី 13 ដល់ 88px · 9 ជំហាន
- Ivy Presto — ការជំនួស៖ Playfair Display · គ្រោង 400, 500 · ពុម្ពអក្សរ serif សម្រាប់ចំណងជើង និងចំណងជើងរង—ប្រើសម្រាប់ចំណងជើង និងចំណងជើងផ្នែកទាំងស្រុងដែលមានទំហំ 28px និងខ្ពស់ជាងនេះ។ បន្ទាត់ didone ដែលមានកម្រិតពណ៌ខ្ពស់ជាមួយនឹង serif ស្តើងបង្កើតអារម្មណ៍នៃភាពប្រណីតផ្នែកវិចារណកថា។ គម្លាតអក្សរវិជ្ជមានតូច 0.01em គឺមិនធម្មតា និងផ្តល់ឱ្យពុម្ពអក្សរនូវរូបរាងដែលបានបោះពុម្ព ដូចជាគណនេយ្យ។ ពុម្ពអក្សរ serif នេះគឺជាកាតហៅស្នូលរបស់ម៉ាក—វាសម្គាល់ Slash ពីក្រុមហ៊ុន fintech SaaS ផ្សេងទៀតទាំងអស់ដែលលំនាំដើមទៅពុម្ពអក្សរ sans-serif ធរណីមាត្រ។
- Inter — ការជំនួស៖ Inter (self-hosted via Google Fonts) · គ្រោង 300, 400, 500, 600, 700 · UI Sans—អត្ថបទសំខាន់ ការរុករក ប៊ូតុង ស្លាក តំណភ្ជាប់ វាលទម្រង់ និងចំណងជើងរង។ អត្ថបទសំខាន់ប្រើពុម្ពអក្សរ 300 សម្រាប់អត្ថបទបន្ទាប់បន្សំដែលមិនរំខាន; 500 ត្រូវបានប្រើសម្រាប់អត្ថបទដែលសង្កត់ធ្ងន់មធ្យម និងស្លាកប៊ូតុង; 600 ត្រូវបានរក្សាទុកសម្រាប់ស្លាកប្រភេទដែលសរសេរជាអក្សរធំតូច។ គម្លាតអក្សរអវិជ្ជមានថយចុះពី 2 (-3) ហើយថយចុះនៅពេលដែលទំហំថយចុះ ដែលជាលក្ខណៈធម្មតានៃមាត្រដ្ឋានអុបទិកនៃពុម្ពអក្សរ Inter។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ទូលាយ |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 10px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 160px |
| ទទឹងទំព័រ | 1216px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Slash ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Modal — ស្ថានីយបញ្ចេញពន្លឺហ្វ្លុយអូរ៉េសង់ក្នុងបន្ទប់ម៉ាស៊ីនបម្រើដែលងងឹត - ប្រភពពន្លឺតែមួយគត់គឺពណ៌បៃតងភ្លឺ
- AgentQL — ពន្លឺភាគខាងជើងពីលើស្ថានីយនៅពេលយប់
- GitHub — បន្ទះបញ្ជាលំហដែលមានចំណុចបញ្ជាជីវពន្លឺ — កន្លែងធ្វើការងងឹត និងមានបរិយាកាសល្អ ជាកន្លែងដែលពន្លឺពណ៌បៃតងតែមួយចង្អុលផ្លូវទៅមុខ។
- Doppler — ពន្លឺពណ៌ស្វាយរបស់បន្ទប់ក្រោមដីនៅពាក់កណ្តាលអធ្រាត្រ។ ផ្ទាំងក្រណាត់ស្ទើរតែខ្មៅភ្លឺដោយសញ្ញាពណ៌ស្វាយតែមួយ និងភ្លើងបញ្ជាក់ពណ៌បៃតង ដែលផ្ទៃនីមួយៗកោងល្មមអាចចាប់បាន។
- Basedash — ស្ថានីយទិន្នន័យពាក់កណ្តាលអធ្រាត្រដែលមានពុម្ពអក្សរម៉ាត់។ កន្លែងសង្កេតមើលផ្កាយងងឹតមួយដែលម៉ែត្របង្ហាញពន្លឺពណ៌ស្វាយ និងបៃតង ចំណងជើងអក្សរ serif អណ្តែតពីលើសំឡេងរំខាន ហើយប៊ូតុងរាងដូចគ្រាប់ពណ៌សគឺជាវត្ថុភ្លឺតែមួយគត់នៅក្នុងបន្ទប់ដែលមានផ្ទៃខ្មៅទន់។
- Superwhisper — ពន្លឺភាគខាងជើងរលាយបាត់លើកញ្ចក់ពាក់កណ្តាលអធ្រាត្រ
- Better Stack — កុងសូល SRE ពាក់កណ្តាលអធ្រាត្រ
- Langbase — កុងសូលពន្លឺភាគខាងជើងពាក់កណ្តាលអធ្រាត្រ
- Astro — ការគ្រប់គ្រងបេសកកម្មអវកាសជ្រៅជាមួយនឹងពន្លឺពណ៌ស្វាយតែមួយពីណេប៊ុឡាមួយ
- Wayfinder — អេក្រង់ភាពយន្តពណ៌ខ្មៅមួយដែលមានចំណងជើងដែលស្ទើរតែឮសំឡេង អណ្តែតពីលើរូបភាពផ្ទាល់។ ចំណុចប្រទាក់គឺជាឧបករណ៍រំកិលពន្លឺជាជាងបន្ទះត្រួតពិនិត្យ។
- HashiCorp — បន្ទប់ត្រួតពិនិត្យនៅពាក់កណ្តាលអធ្រាត្រ ជាមួយនឹងពណ៌ស្វាយណេអុង គឺជាផ្ទៃបច្ចេកទេសងងឹតមួយ ដែលគូបរាងឆកោនដែលភ្លឺចែងចាំងបម្រើជាពណ៌យោងតែមួយគត់។
- Umbrel — រណ្ដៅភ្លើងកក់ក្ដៅមួយនៅក្នុងបន្ទប់ម៉ាស៊ីនបម្រើពេលយប់—បន្ទប់ងងឹតមួយដែលពន្លឺពណ៌ស្វាយតែមួយបង្ហាញពីអ្វីដែលសំខាន់ពិតប្រាកដ។