Shop
ក្រុមតារានិករជួញដូរអណ្តែតលើថ្មម៉ាបពណ៌ស
ហាងអនឡាញនេះដំណើរការលើគំរូ "ផ្ទាំងក្រណាត់ពណ៌ស" ជាមួយនឹងផលិតផលដែលបង្ហាញជាកាតរូបភាពធំៗ កោងខ្លាំង ជាជាងក្រឡាចត្រង្គនៃរូបភាពតូចៗ។ ចំណុចប្រទាក់ទាំងមូលគឺរលូនមិនគួរឱ្យជឿ៖ កាំ 20-28px ពេញមួយ ការគ្រប់គ្រងរាងដូចថ្នាំគ្រាប់ និងតួ GT Standard តូច 16px ជាមួយនឹងការតាមដានអវិជ្ជមានតឹងណែន ដែលធ្វើឱ្យអក្សរច្បាស់ និងដិត។ ការសង្កត់សំឡេងដិតតែមួយគត់របស់ប្រព័ន្ធគឺពណ៌ស្វាយរស់រវើក (#5433eb) ដែលលេចឡើងនៅក្នុងឡូហ្គោ វាលលទ្ធផលស្វែងរករាងជារង្វង់ និងជាស្រមោលដែលមានពណ៌នៅលើប៊ូតុងដូចគ្នា។ ក្ដារលាយដែលនៅសល់គឺអព្យាក្រឹតក្តៅ៖ ផ្ទៃពណ៌ស ផ្ទាំងក្រណាត់ពណ៌ប្រផេះត្រជាក់បន្តិច ស៊ុមស្រទន់ៗ និងអក្សរស្ទើរតែខ្មៅ។ ដង់ស៊ីតេនៅតែបង្រួមជាមួយនឹងបន្ទាត់ 12px ប៉ុន្តែឆ្នូតវីរបុរស និងប្រភេទមានភាពទាក់ទាញដោយសារចង្វាក់បញ្ឈរដ៏ធំទូលាយនៃ 64-80px ដែលធ្វើឱ្យបទពិសោធន៍ពាណិជ្ជកម្មមានអារម្មណ៍ដូចជាការរុករកជាជាងកាតាឡុក។
ទទឹងអតិបរមាគឺ 1200px ដែលស្ថិតនៅចំកណ្តាលផ្ទាំងក្រណាត់ #f2f4f5 ថ្លា ជាមួយនឹងរបារចំហៀងដែលមានទទឹង 64px នៅខាងឆ្វេងដែលមានតែរូបតំណាងរុករកប៉ុណ្ណោះ។ ធាតុសំខាន់គឺជាបន្ទះទទឹងពេញ ដែលមានកាតផលិតផលស្ថិតនៅពីលើឡូហ្គោ "ហាង" ពណ៌ស្វាយនៅចំកណ្តាល និងរបារស្វែងរករាងដូចថ្នាំគ្រាប់នៅខាងក្រោមវា។ ថ្នាំគ្រាប់ប្រភេទត្រូវបានរៀបចំជាជួរតែមួយនៅចំកណ្តាលខាងក្រោមរបារស្វែងរក។ ផ្នែកមាតិកា (ស្ត្រី បុរស សម្ផស្ស ផ្ទះ ទារក និងកុមារ) ធ្វើតាមជាបន្ទះដែលបានកំណត់ ដែលនីមួយៗមានក្រឡាចត្រង្គ 4 ជួរឈរដែលមានរូបភាពផលិតផល ឬសមាសភាព "ធាតុសំខាន់ និងក្រឡាចត្រង្គ" 2 ជួរឈរ។ ចង្វាក់បញ្ឈរគឺធំទូលាយ៖ 64–80px រវាងផ្នែកសំខាន់ៗ។ បាតកថាគឺជាបន្ទះងងឹតនៅផ្នែកខាងក្រោមនៃទំព័រដែលមានក្រុមតំណភ្ជាប់រាងជួរឈរ។ ព្រួញរាងរង្វង់នៅខាងស្តាំនៃបន្ទះផលិតផលផ្ដេកបង្ហាញពីខ្លឹមសារដែលអាចរមូរបានដោយគ្មានចំណុចទំព័រ។
ការថតរូបគឺជាធាតុដែលមើលឃើញលេចធ្លោ៖ រូបថតផលិតផលពេញអេក្រង់ទល់នឹងផ្ទៃខាងក្រោយពណ៌ស រូបភាពកាត់ 1:1 និងរូបភាពរបៀបរស់នៅដែលមានសម្លេងផែនដីក្តៅ (បន៍ត្នោតខ្ចី ដីឥដ្ឋ ស្លឹកគ្រៃ ភ្លុក)។ រូបភាពផលិតផលមានពណ៌ផ្ទាល់ខ្លួន - ចំណុចប្រទាក់អ្នកប្រើប្រាស់នៅតែគ្មានពណ៌ ដែលអនុញ្ញាតឱ្យស្រមោលផលិតផលផ្តល់នូវភាពចម្រុះដែលមើលឃើញ។ ឡូហ្គោម៉ាកលេចឡើងជាអក្សរដែលដាក់ពីលើរូបភាពមេងងឹត ឬស្រាល ជាជាងរូបតំណាងនីមួយៗ។ នៅក្នុងសមាសភាពសំខាន់ កាតផលិតផលត្រូវបានដាក់ជាក្រុមផ្កាយអណ្តែតទឹក ដែលត្រួតស៊ីគ្នាបន្តិចនៅពីលើនិមិត្តសញ្ញាពាក្យ។ រូបតំណាងមានលក្ខណៈសាមញ្ញ និងពណ៌តែមួយ (គ្រោងពណ៌ខ្មៅ) លើកលែងតែរូបតំណាងប្រភេទ ដែលប្រើពណ៌ម៉ាកតែមួយ។ មិនមានរូបភាព បែបផែន 3D ឬជម្រាលនៅក្នុងរូបភាពផលិតផលទេ។
ក្ដារលាយពណ៌
ម៉ាក
- Shop Violet
#5433eb— ប៊ូតុងផ្ញើ សញ្ញាចុចៗ និងឡូហ្គោម៉ាក គឺជាការសង្កត់សំឡេងតែមួយគត់ដែលបង្ហាញពីសកម្មភាព និងភាពជាបុគ្គលនៅលើផ្ទៃខាងក្រោយពណ៌ស។ - Violet Wash
#c0b5f3— ហាឡូថ្លានៅពីក្រោយប៊ូតុងផ្ញើពណ៌ស្វាយ ដែលរក្សាពន្លឺរបស់វាដោយមិនផ្លាស់ប្តូរពណ៌។
អព្យាក្រឹត
- Canvas Mist
#f2f4f5— ផ្ទៃខាងក្រោយទំព័រ និងការព្យាបាលផ្ទៃបន្ថែមនៅពីក្រោយកាតដែលលើកឡើង។ - Pure White
#ffffff— ផ្ទៃសំខាន់សម្រាប់កាត វាលបញ្ចូល សញ្ញាអណ្តែត និងប៊ូតុងរាងដូចគ្រាប់ថ្នាំ។ - Ink Black
#000000— អត្ថបទសំខាន់ ចំណងជើង រូបតំណាង និមិត្តសញ្ញារុករក និងកាតផលិតផលក្នុងរបៀបងងឹត។ - Faint Border
#ebebeb— បន្ទាត់បែងចែកស្តើងៗនៅលើកាត គ្រោងវាលបញ្ចូល និងស៊ុមប៊ូតុងរាងគ្រាប់។ - Muted Gray
#787574— អត្ថបទបន្ទាប់បន្សំ ស្លាករុករក គ្រោងរូបតំណាងនៅពេលអសកម្ម - Cool Stone
#cccccc— កន្លែងដាក់ ស្ថានភាពបិទ និងផ្ទៃខាងក្រោយរូបតំណាងអសកម្ម
អក្សរសាស្ត្រ
ពី ១១ ដល់ ១៦ ភីកសែល · ៤ ជំហាន
- GT Standard — ការជំនួស៖ Inter · គ្រោង 400 · ពុម្ពអក្សរចម្បងគ្រប់ទំហំ — សម្រាប់ទាំងអត្ថបទដើម និងចំណងជើង។ GTStandard-MRegular នៅ 16px/-0.031em គឺជាពុម្ពអក្សរចម្បងសម្រាប់អត្ថបទដើម ប៊ូតុង និងស្លាក។ GTStandard-Memibold នៅ 20px/-0.05em ត្រូវបានប្រើសម្រាប់ចំណងជើងធំៗជាច្រើន។ GTStandard-MMedium នៅ 11–12px ត្រូវបានប្រើសម្រាប់ចំណងជើងតូចៗ។ វ៉ារ្យ៉ង់ពុម្ពអក្សរនីមួយៗត្រូវបានបង្ហាញជាមួយនឹងទម្ងន់អុបទិក 400 — ឋានានុក្រមពុម្ពអក្សរត្រូវបានសម្រេចតាមរយៈជម្រាលស្រាលៗ និងគម្លាតអក្សរអវិជ្ជមានក្រាស់ ជាជាងភាពផ្ទុយគ្នាដិត។ នេះគឺជារចនាប័ទ្មហត្ថលេខា៖ Shop មិនស្រែកជាមួយពុម្ពអក្សរដិតទេ ប៉ុន្តែផ្ទុយទៅវិញបង្កើតរូបរាងអត្ថបទតាមរយៈគម្លាតអក្សរ។
- Shopify Sans — ការជំនួស៖ Inter · គ្រោង 400, 700 · រក្សាទុកសម្រាប់សារកម្រិតប្រព័ន្ធ ដូចជាបដាផ្ទុកកម្មវិធី និងអត្ថបទយល់ព្រមលើខូគី។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 12px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 28px |
| ស្រមោល | ស្រមោលទន់ៗ |
| រវាងផ្នែកនានា | 64px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Shop ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Cursor — សិក្ខាសាលាផលិតស្បែកសត្វដ៏កក់ក្ដៅមួយ ដែលបំភ្លឺដោយធ្យូងដែលកំពុងឆេះ
- Slush — សកលលោកដែលអាចបំប៉ោងបាននៃស្ទីគ័រនៅលើក្រដាសពណ៌ pastel
- MindMarket — សៀវភៅរឿងនិទានដ៏កក់ក្ដៅមួយក្បាលនៅលើក្រដាសពណ៌ក្រែម - ជាផ្ទាំងក្រណាត់វិចារណកថាដ៏រួសរាយរាក់ទាក់ ដែលចំណងជើងធំៗរបស់ Inter និងតួអង្គក្រដាសកាត់ចេញ រួមរស់ជាមួយគ្នានៅលើផ្ទៃទន់ដូចស្ទីគ័រដែលជោកជាំដោយព្រះអាទិត្យ។
- Airbnb — ជញ្ជាំងវិចិត្រសាលពណ៌សស្ងប់ស្ងាត់មួយដែលមានចំណាំពណ៌ក្រហមផ្កាថ្មតែមួយ
- Superr — សៀវភៅកត់ត្រាសាលាដ៏កក់ក្តៅមួយក្បាលនៅក្រោមពន្លឺរសៀលស្រទន់។ ទំព័រពណ៌ក្រែមមួយ ប៊ិចពណ៌ទឹកក្រូចគ្មានគម្រប និងស្ទីគ័រឈ្មោះមួយជង់ដែលកំពុងរង់ចាំបកចេញ។
- Apple (España) — វិចិត្រសាលសារមន្ទីរ នៅក្នុងពន្លឺថ្ងៃស្រទន់ គឺជាលំហពណ៌សតែមួយ ដ៏ទាក់ទាញ និងគ្មានទម្ងន់ ជាមួយនឹងការតាំងពិព័រណ៍នីមួយៗត្រូវបានបំភ្លឺដោយភ្លើងស្តុបទល់នឹងជញ្ជាំងដែលមានពណ៌ស្រាល។
- Lamborghini — ពណ៌តួរថយន្តពណ៌ខ្មៅនៅក្នុងបន្ទប់តាំងបង្ហាញ នៅក្រោមភ្លើងស្តុប - រថយន្តពណ៌លឿងមួយគ្រឿង
- Amplemarket — កន្លែងធ្វើការដែលពោរពេញដោយពន្លឺថ្ងៃ ពោរពេញដោយក្រដាស់ពណ៌
- Getharvest — តុមួយនៅម៉ោងមាស - ផ្ទាំងក្រណាត់ពណ៌ក្រែមក្តៅឧណ្ហៗ កាតប៉ុស្តាល់ពណ៌សព្យួរនៅលើផ្ទាំងក្រណាត់ និងអណ្តាតភ្លើងពណ៌ទឹកក្រូចភ្លឺតែមួយ
- Agence Foudre — ទំព័រគម្របទស្សនាវដ្ដីនេះមានពណ៌ផ្កាឈូកស្រាលៗដែលធ្វើឲ្យនឹកឃើញដល់ក្រែមលាបមាត់។
- Drive Capital — ផ្ទាំងរូបភាពធ្វើដំណើរតាមផ្លូវបែប Retro លើក្រដាសក្តៅ
- Apple (España) — ប្រអប់តាំងបង្ហាញវិចិត្រសាលពណ៌ស