Seline Analytics
តុវិភាគស្ងាត់ៗលើក្រដាសក្តៅឧណ្ហៗ
Seline ត្រូវបានកំណត់ទល់នឹងផ្ទៃខាងក្រោយថ្មក្តៅ (#fafaf9) ជាមួយនឹងការសង្កត់សំឡេងពណ៌ខៀវរស់រវើកតែមួយ - ពណ៌ផ្សេងទៀតទាំងអស់គឺអព្យាក្រឹត និងគូរចេញពីក្ដារលាយពណ៌ថ្ម Tailwind។ ចំណងជើងត្រូវបានបង្ហាញជាពុម្ពអក្សរ sans-serif ធរណីមាត្រដែលរចនាឡើងតាមតម្រូវការ (roobert) ដែលមានទម្ងន់ 400 និងចន្លោះអក្សរអវិជ្ជមានតូចចង្អៀត ដែលផ្តល់ឱ្យអត្ថបទនូវទំនុកចិត្តដូចសំឡេងខ្សឹបខ្សៀវ ដែលផ្ទុយពីរចនាប័ទ្ម SaaS ដែលជាធម្មតាខ្លាំង។ ផ្ទៃ UI គឺជាកាតពណ៌សរាបស្មើ អណ្តែតពីលើផ្ទៃខាងក្រោយក្តៅ ជាមួយនឹងភាពព្រិលៗ 16px តែមួយ ទន់; ព្រំដែនត្រូវបានបង្កើតឡើងដោយបន្ទាត់ស្តើងៗ 1px ដែលមានសម្លេងថ្ម ដែលត្រូវបានប្រើយ៉ាងទូលំទូលាយជាធាតុរចនាសម្ព័ន្ធចម្បងជំនួសឱ្យការបំបែក ឬបន្ទះធ្ងន់ៗ។ ប្លង់មានលក្ខណៈពិសេស៖ ខ្លឹមសារទទឹងពេញផ្តោតលើចង្វាក់បញ្ឈរដ៏ធំទូលាយ ជាមួយនឹងការគ្រប់គ្រងអន្តរកម្មរាងដូចគ្រាប់ថ្នាំ រូបភាពម៉ាស្កូតសម្រាប់បុគ្គលិកលក្ខណៈ និងរូបថតអេក្រង់ផ្ទាំងគ្រប់គ្រងជាភស្តុតាងផលិតផល។ ចំណាប់អារម្មណ៍ទូទៅគឺវិភាគវិចារណកថា៖ ស្ងប់ស្ងាត់ ពណ៌តែមួយ មានទំនុកចិត្ត ជាមួយនឹងការអំពាវនាវឱ្យធ្វើសកម្មភាពពណ៌ខៀវជាធាតុដ៏គួរឱ្យចាប់អារម្មណ៍បំផុតនៅលើទំព័រ ដោយសារការអត់ធ្មត់ដោយចេតនានៃអ្វីៗផ្សេងទៀត។
ទំព័រនេះមានទទឹងអតិបរមា ស្ថិតនៅចំកណ្តាលប្រហែល 1200px ជាមួយនឹងកន្លែងទំនេរបញ្ឈរច្រើន។ អក្សរធំគឺជាប្លុកអត្ថបទពីរជួរ តម្រឹមខាងឆ្វេង ជាមួយនឹងឃ្លាតែមួយដែលបានបន្លិច ("សាមញ្ញ និងមានប្រសិទ្ធភាព") ជាពណ៌ខៀវ បន្ទាប់មកដោយជួរមួយដែលមានការអំពាវនាវឱ្យធ្វើសកម្មភាពពីរ (ថ្នាំគ្រាប់ពណ៌ខៀវ + ថ្នាំគ្រាប់ខ្មោច) បន្ទាប់មកជួរនៃឡូហ្គោដៃគូជាមាត្រដ្ឋានប្រផេះ បន្ទាប់មកជួរនៃការវាយតម្លៃទំនុកចិត្ត ហើយបន្ទាប់មកការមើលជាមុននៃផ្ទាំងគ្រប់គ្រងអណ្តែតពេញទទឹង ដែលត្រួតស៊ីគ្នាបន្តិចបន្តួចជាមួយផ្នែកបន្ទាប់។ នៅខាងក្រោមផ្នត់គឺជាជួរនៃទីបន្ទាល់ឆ្លាស់គ្នានៅក្នុងក្រឡាចត្រង្គជួរឈរតែមួយ បន្ទាប់មកដោយផ្នែកទទឹងពេញដែលមានការពិពណ៌នាលក្ខណៈពិសេស អត្ថបទដែលតម្រឹមខាងឆ្វេង និងរូបភាពផលិតផលដែលតម្រឹមកណ្តាល។ ការរុករកគឺជារបារកំពូលតិចតួចបំផុត - ឡូហ្គោនៅខាងឆ្វេង តំណភ្ជាប់រុករកដែលតម្រឹមកណ្តាល ការចូល + ការអំពាវនាវឱ្យធ្វើសកម្មភាពពណ៌ខៀវនៅខាងស្តាំ - ជាមួយនឹងចង្កោមរូបតំណាងអណ្តែតនៅកណ្តាលនៃការរុករកដែលបម្រើជាការផ្ទៀងផ្ទាត់អត្តសញ្ញាណ។ ចន្លោះរវាងផ្នែកនានាមានទំហំធំទូលាយ (96px) ដើម្បីបង្កើតចង្វាក់វិចារណកថាជាជាងភាពច្របូកច្របល់នៃព័ត៌មាន។
ភាសាដែលមើលឃើញត្រូវបានគ្របដណ្ដប់ដោយរូបថតអេក្រង់នៃចំណុចប្រទាក់អ្នកប្រើប្រាស់របស់ផលិតផល—ការមើលជាមុននៃផ្ទាំងគ្រប់គ្រងគឺជារូបថតដែលបង្ហាញជាមួយតម្រងកម្រិតពណ៌ពណ៌ប្រផេះ (1) (0.94) ដែលបិទពណ៌នៃទិន្នន័យទៅជាពណ៌តែមួយ។ តួលេខមនុស្សតែមួយគត់គឺជាស្ទីគ័រម៉ាស្កូតលីនេអ៊ែរ (តួអង្គដែលមានមួក) គូរក្នុងរចនាប័ទ្ម SVG ជាមួយនឹងគ្រោងតែប៉ុណ្ណោះ ដាក់ម្តងក្នុងមួយផ្នែកជាចំណុចប្រឆាំងដ៏រីករាយទៅនឹងខ្លឹមសារវិភាគ ជាមួយនឹងស្រមោលទន់ដើម្បីបង្កើតឥទ្ធិពលដូចស្ទីគ័រនៃជម្រៅ។ ឡូហ្គោម៉ាក និងនិមិត្តសញ្ញាគឺជាផ្កាភ្លើង/អណ្តាតភ្លើងពណ៌ខ្មៅតូចៗ។ មិនមានរូបថតទេ—គ្មានរូបថតរបៀបរស់នៅ គ្មានរូបថតក្រុម គ្មានរូបភាពបរិស្ថាន។ វត្ថុ (ផ្ទាំងគ្រប់គ្រង) គឺជាតួឯក។ រូបតំណាងតុបតែងទាំងអស់មានរចនាប័ទ្មគ្រោង 1px ក្នុង #0c0a09 ឬ #3ba6f1 មិនដែលបំពេញ។
ក្ដារលាយពណ៌
ម៉ាក
- Cyan Signal
#3ba6f1— ការអំពាវនាវឱ្យធ្វើសកម្មភាពចម្បង តំណភ្ជាប់សកម្ម និងគ្រោងនៃរូបតំណាងម៉ាក គឺជាការសង្កត់សំឡេងពណ៌តែមួយគត់នៅលើទំព័រ ដែលត្រូវបានប្រើតិចតួចដើម្បីទាក់ទាញចំណាប់អារម្មណ៍ទៅលើសកម្មភាព។ - Cyan Edge
#3398e1— ពណ៌ខៀវត្រូវបានប្រើដើម្បីបន្លិចគ្រោងសកម្មភាព ស្លាកតំណភ្ជាប់ និងធាតុអន្តរកម្ម។ វាមិនគួរត្រូវបានប្រើជាពណ៌ចម្បងសម្រាប់ការអំពាវនាវឱ្យធ្វើសកម្មភាពទេ។
អព្យាក្រឹត
- Ink Black
#0c0a09— ចំណងជើងសំខាន់ៗ អត្ថបទដែលបានបន្លិច និងរូបតំណាងដែលបង្ហាញអារម្មណ៍ គឺមានពណ៌ក្តៅស្ទើរតែខ្មៅ។ - Stone Canvas
#fafaf9— ផ្ទៃខាងក្រោយទំព័រគឺជាពណ៌ក្តៅ និងក្រែម ដែលមានអារម្មណ៍ដូចក្រដាស ជាជាងពណ៌សរបស់អេក្រង់។ - Pure White
#ffffff— ផ្ទៃផែនទី បន្ទះដែលលេចចេញ និងការបំពេញវាលបញ្ចូលគឺរាបស្មើ និងគ្មានស្រមោលតាមលំនាំដើម។ - Stone Border
#e8e6e5— ស៊ុមស្តើងៗនៅលើកាត ការរុករក និងវាលបញ្ចូល គឺជាធាតុរចនាសម្ព័ន្ធចម្បង មិនមែនជាឧបករណ៍បំបែកទេ។ - Stone Muted
#d6d3d1— ស៊ុមបន្ថែម ស្រមោលផ្ទៃខាងក្រោយស្រទន់ បន្ទាត់បែងចែកតុបតែង។ - Ash Gray
#a8a29e— អត្ថបទជំនួយ គ្រោងរូបតំណាង ស្ថានភាពដែលបានបិទ - អាចអានបាន ប៉ុន្តែអសកម្ម។
អក្សរសាស្ត្រ
ពី 10 ដល់ 52px · 5 ជំហាន
- Roobert — ការជំនួស៖ Inter Tight or Satoshi · គ្រោង 400, 500 · ពុម្ពអក្សរសម្រាប់ចំណងជើង និងប្លង់អត្ថបទគឺជាពុម្ពអក្សរធរណីមាត្រ sans-serif តែមួយគត់ ដែលមានចន្លោះអក្សរអវិជ្ជមានតិចតួចបំផុត (-0.025em នៅ 32px, -0.021em នៅ 52px)។ ទម្ងន់ 400 x 52px គឺជាហត្ថលេខារបស់ពុម្ពអក្សរ៖ មិនធម្មតា ស្រទន់ ប៉ុន្តែមានអំណាច ប៉ុន្តែមិនសូវមានការបញ្ជាក់។ ចំណងជើងកាន់កាប់កន្លែងរបស់វាដោយមិនមានភាពហួសហេតុពេក។
- Inter — ការជំនួស៖ Inter · គ្រោង 400, 500, 600 · ពុម្ពអក្សរចម្បងសម្រាប់អត្ថបទដើម ការរុករក ចំណុចប្រទាក់អ្នកប្រើប្រាស់ និងចំណងជើង គឺជាពុម្ពអក្សរអព្យាក្រឹត និងជាសកលសម្រាប់អត្ថបទក្រៅអេក្រង់ទាំងអស់។ ទំហំលេចធ្លោសម្រាប់អត្ថបទដើមគឺ 14px ដែលមានទម្ងន់ 400 និងគម្លាតបន្ទាត់ 1.64 (ប្រេកង់ 1174)។ គម្លាតអក្សរវិជ្ជមាន (0.004em) នៅទំហំតូចធានានូវភាពងាយស្រួលអាននៃ UI ក្រាស់។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | ទូលាយ |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 10px |
| ស្រមោល | ស្រមោលទន់ៗ |
| រវាងផ្នែកនានា | 96px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Seline Analytics ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- ElevenLabs — អត្ថបទរូបថតមួយក្នុងពណ៌ក្រែមក្តៅឧណ្ហៗ ជាមួយនឹងចំណងជើងស្រាលៗ។ សៀវភៅកត់ត្រារចនាប័ទ្ម Bauhaus—ក្រដាសពណ៌សំបកស៊ុត ទឹកថ្នាំពណ៌ខ្មៅ និងពណ៌ស្វាយ និងពណ៌ទឹកក្រូចតែមួយសម្រាប់បង្ហាញផលិតផល។
- Awesomic — សំណាញ់ស័ង្កសីសម្រាប់សរសេរអត្ថបទ ដែលមានសញ្ញាវណ្ណយុត្តិពណ៌ទឹកក្រូច ដែលរំលឹកដល់ក្រដាសពណ៌
- Monad — ទិនានុប្បវត្តិបច្ចេកទេសវិចារណកថាលើក្រដាសក្តៅ
- Dub — បន្ទះត្រួតពិនិត្យក្រដាសអង្ករម៉ាត់របស់ Link
- Notion — សៀវភៅកត់ត្រាក្រដាសក្តៅមួយនៅក្រោមពន្លឺថ្ងៃត្រង់
- Anthropic — ទិនានុប្បវត្តិវិទ្យាសាស្ត្រលើក្រដាស vellum ក្តៅៗ—ផ្ទៃភ្លុកស្ងប់ស្ងាត់ ចំណងជើងវិចារណកថាដែលមានស្នាមឆ្នូតៗ និងការសង្កត់សំឡេងដីឥដ្ឋតែមួយ ដែលលេចឡើងតែនៅពេលត្រូវការសកម្មភាពប៉ុណ្ណោះ។
- Calendly — ទឹកថ្នាំពណ៌ខៀវចាស់លើថ្មម៉ាបត្រជាក់
- Augen Pro — ការបង្ហាញពណ៌សរបស់ក្រុមហ៊ុន Apple មានពណ៌ខៀវអគ្គិសនី គ្មានទម្ងន់ ជាចំណុចលេចធ្លោតែមួយគត់នៅក្នុងលំហពណ៌តែមួយ។
- Antimetal — កំណត់ហេតុវិចារណកថាមួយនៅលើក្រដាសពណ៌ក្រែម—ព្រឹកដ៏ស្ងប់ស្ងាត់មួយនៅក្នុងទិនានុប្បវត្តិវិទ្យាសាស្ត្រមួយ ដែលការអត់ធ្មត់បង្ហាញពីទំនុកចិត្ត ហើយអក្សរ serifs ធ្វើការងារធ្ងន់ៗ។
- Perk — កំបោរអគ្គិសនីលើក្រដាស parchment ក្តៅ
- Ditto — សិក្ខាសាលាមួយដែលមានពន្លឺថ្ងៃបង្កើតគំរូផ្កាព្រៃ។ ផ្ទៃក្រែមក្តៅឧណ្ហៗ ពណ៌មូលដ្ឋានពណ៌លឿងភ្លឺ ទឹកថ្នាំពណ៌ខៀវចាស់ និងទម្រង់ពណ៌សរីរាង្គរីកដុះដាលនៅពីក្រោយស្នាដៃ។
- Officevibe — ទស្សនាវដ្ដីវិចារណកថាមួយនៅលើក្រដាសពណ៌ក្រែមក្តៅ។ ស្រមៃមើលអត្ថបទដ៏ស៊ីជម្រៅមួយអំពីការគ្រប់គ្រងធនធានមនុស្ស ដែលត្រូវបានបង្ហាញជាផលិតផលមួយ - ពុម្ពអក្សរសរសេរដោយដៃជាអក្សរដិតដែលខ្សឹបខ្សៀវតាមរយៈចំណុចប្រទាក់ពណ៌ខៀវទំនើប។