Steep
ការវិភាគពុម្ពអក្សរ Serif លើក្រដាសក្តៅ
Steep បង្ហាញការវិភាគជាខ្លឹមសារវិចារណកថា—ចំណងជើងអក្សរសម្គាល់អណ្តែតពីលើផ្ទាំងក្រណាត់ពណ៌សស្ទើរតែដូចគ្នា ហើយការសង្កត់សំឡេងពណ៌ប៉េសក្តៅតែមួយ (#fbe1d1) គូសបញ្ជាក់ពីប្រព័ន្ធដែលមិនមានពណ៌។ ទំព័រនេះអានដូចជាការរាលដាលនៃទស្សនាវដ្ដីផលិតផល៖ ពុម្ពអក្សរធំជាអក្សរសរសេរជាអក្សរទ្រេត ទំហំអត្ថបទច្រើន កាតធំៗដែលមានគែមកាំ 24px ទន់ និងការគ្រប់គ្រងរាងគ្រាប់ថ្នាំស្របនឹងផ្ទៃ។ សមាសធាតុមានអារម្មណ៍ស្ងប់ស្ងាត់ និងគ្មានទម្ងន់—ស្រមោលមានលក្ខណៈស្រទន់ ព្រំដែនស្តើង និងពណ៌ត្រូវបានប្រើសម្រាប់ការសង្កត់ធ្ងន់មុខងារ (ការហៅពណ៌ប៉េស អក្សរពណ៌ត្នោតចាស់លើផ្ទៃខាងក្រោយពណ៌ប៉េស)។ ផ្ទៃផលិតផល (តារាងតំបន់ ដ្យាក្រាមធ្វើឱ្យសកម្ម កម្មវិធីបង្កើត AI) ត្រូវបានបង្ហាញជាធាតុអណ្តែតជុំវិញបឋមកថា ជាជាងដាក់ក្នុងសែលរបស់ផ្ទាំងគ្រប់គ្រង។
ប្លង់ទំព័រមានទទឹងអតិបរមា 1200px នៅចំកណ្តាល ដោយផ្នែកសំខាន់ៗកាន់កាប់ស្ទើរតែទទឹងទំព័រទាំងមូល ប៉ុន្តែនៅតែស្ថិតនៅក្នុងធុង។ ប្លង់សំខាន់មានបឋមកថានៅចំកណ្តាលដែលមានពុម្ពអក្សរ serif ធំ បឋមកថារង និងប៊ូតុងថ្នាំគ្រាប់មួយគូ ហ៊ុំព័ទ្ធដោយកាតពិពណ៌នាផលិតផលអណ្តែតទឹកចំនួនបួន (តារាងតំបន់នៅផ្នែកខាងលើខាងឆ្វេង កាតចុះឈ្មោះនៅខាងស្តាំ ដ្យាក្រាមធ្វើឱ្យសកម្មនៅផ្នែកខាងក្រោមខាងឆ្វេង កម្មវិធីនិពន្ធ AI នៅផ្នែកខាងក្រោមកណ្តាល) ដែលត្រួតលើផ្ទាំងក្រណាត់ពណ៌សនៅអុហ្វសិតផ្សេងៗគ្នា។ ផ្នែកនានាឆ្លាស់គ្នារវាងផ្ទៃខាងក្រោយ Paper White និង Card Mist ដោយបង្កើតចង្វាក់ស្ងប់ស្ងាត់ដោយគ្មានភាពផ្ទុយគ្នាខ្លាំង។ ផ្នែកលក្ខណៈពិសេសប្រើប្លង់ជួរឈរពីរនៃអត្ថបទ និង UI ជាមួយនឹងបន្ទាត់បញ្ឈរធំ 80px។ ការរុករកគឺជារបារកំពូលថ្លាតែមួយ (គ្មានផ្ទៃខាងក្រោយ ស៊ុម ឬស្រមោល) ដែលមានឡូហ្គោនៅខាងឆ្វេង តំណភ្ជាប់រុករកនៅកណ្តាល និងការអំពាវនាវឱ្យធ្វើសកម្មភាពពីរ (តំណភ្ជាប់អត្ថបទ + ប៊ូតុងថ្នាំគ្រាប់ដែលបានបំពេញ) នៅខាងស្តាំ។ ដង់ស៊ីតេប្លង់ទាំងមូលគឺធំទូលាយ - ទំព័រ "ដកដង្ហើម" រវាងផ្នែកនានា ហើយខ្លឹមសារមិនដែលចង្អៀតគែមឡើយ។
ការរចនាដែលមើលឃើញគឺផ្តោតលើផលិតផល មិនមែនផ្តោតលើរបៀបរស់នៅទេ៖ ធាតុ UI អណ្តែត (តារាងតំបន់ដែលមានទិន្នន័យប្រាំជួរ តារាងបន្ទាត់បង្ហាញពីការធ្វើឱ្យសកម្មនៅក្នុងខែសីហា-វិច្ឆិកា រង្វង់វឌ្ឍនភាពរ៉ាឌីកាល់ វាលបញ្ចូល AI) ត្រូវបានរៀបចំជារូបថតអេក្រង់ដែលបានច្រឹបជុំវិញចំណងជើងវិចារណកថា។ មិនមានរូបថត រូបភាព ឬក្រាហ្វិកអរូបីទេ។ ធាតុផលិតផលដែលមើលឃើញទាំងអស់ត្រូវបានដាក់នៅលើកាតអណ្តែតពណ៌សដែលមានស៊ុមស្តើង និងស្រមោលទន់ៗ។ រង្វង់រូបតំណាងមានសូចនាករទិសដៅទស្សន៍ទ្រនិចតូចមួយ - លំនាំដែលមើលឃើញដែលបង្ហាញពីអន្តរកម្មពេលវេលាជាក់ស្តែង។ សមាសភាពសំខាន់គឺជារូបភាពផ្គុំនៃអត្ថបទ និង UI ជាជាងចំណងជើងដែលស្ថិតនៅចំកណ្តាលជាមួយនឹងរូបថតស្តុក។
ក្ដារលាយពណ៌
អព្យាក្រឹត
- Ink Black
#17191c— អត្ថបទសំខាន់ ផ្ទៃខាងក្រោយប៊ូតុងដែលបានបំពេញ និងឡូហ្គោរុករក គឺជាផ្ទៃងងឹតតែមួយគត់នៅក្នុងប្រព័ន្ធ។ ការអំពាវនាវឱ្យធ្វើសកម្មភាព និងចំណងជើងទាំងអស់នៅក្នុងអត្ថបទសំខាន់លេចឡើងប្រឆាំងនឹងផ្ទៃខាងក្រោយស្ទើរតែខ្មៅនេះ។ - Paper White
#ffffff— ផ្ទាំងក្រណាត់ទំព័រ អត្ថបទប៊ូតុង និងផ្ទៃកាតដែលមានលំនាំប៉ាក់ គឺជាសម្លេងផ្ទៃខាងក្រោយលេចធ្លោ ដែលមានចំណុចប្រេកង់ប្រហែល 76។ - Mist Gray
#f2f2f3— ផ្ទៃកាត ផ្ទៃខាងក្រោយបន្ថែម ការបំពេញវាលបញ្ចូល—ស្រទាប់មើលមិនឃើញនៅក្រោមក្រដាសសម្រាប់ខ្លឹមសារដែលបានបង្កប់។ - Fog White
#fafafb— ផ្ទៃខាងក្រោយទំព័របន្ថែមសម្រាប់ឆ្លាស់គ្នានៃផ្នែក និងផ្ទៃសំកាំង - មួយជំហានពីលើក្រដាស ដើម្បីបង្កើតបំរែបំរួលឆ្នូតៗ។ - Slate Gray
#777b86— ពណ៌តំណភ្ជាប់ អត្ថបទជំនួយដែលបិទសំឡេង អត្ថបទបាតកថា - ពណ៌ប្រផេះត្រជាក់ គ្មានពណ៌ឆ្អែត ដែលដាក់នៅចន្លោះអត្ថបទសំខាន់ និងអត្ថបទដែលមិនអាចរួមបញ្ចូលបាន។ - Ash Gray
#979799— ស្លាកបន្ថែម ស្លាកប្រភេទ (ទីផ្សារ ហិរញ្ញវត្ថុ ការលក់) - ស្រាលជាងពណ៌តំណមួយជំហាន។
អក្សរសាស្ត្រ
ពី 15 ដល់ 90px · 8 ជំហាន
- Signifier — ការជំនួស៖ GT Sectra · គ្រោង 400 · ពុម្ពអក្សរ serif សម្រាប់ចំណងជើង និងចំណងជើង—ប្រើសម្រាប់តែ H1/H2 ក្នុងទំហំបី; ទម្ងន់ពុម្ពអក្សរនៅតែ 400 (ធម្មតា) នៅគ្រប់មាត្រដ្ឋានទាំងអស់ ជាជម្រើសដ៏លេចធ្លោ៖ ពុម្ពអក្សរ serif បន្លឺសំឡេងខ្សឹបៗជាជាងស្រែកដូចពុម្ពអក្សរដិត។
- Sohne — ការជំនួស៖ Inter · គ្រោង 400, 430, 450, 480, 500 · ពុម្ពអក្សរមេ ចំណុចប្រទាក់ និងការរុករកអាចប្រើប្រាស់បានច្រើនយ៉ាង ដែលគ្របដណ្តប់លើអ្វីៗគ្រប់យ៉ាងចាប់ពីទិន្នន័យមេតារហូតដល់ចំណងជើងរង។ ទម្ងន់ពាក់កណ្តាលជំហាន (430, 450, 480) បង្កើតឋានានុក្រមដ៏ស្រទន់ដោយមិនចាំបាច់លោតទៅដិត។
ចន្លោះពេល និងទម្រង់
| គោលបំណង | អត្ថន័យ |
|---|---|
| ដង់ស៊ីតេ | មធ្យម |
| ជំហានមូលដ្ឋាន | 8px |
| កាំប៊ូតុង | 9999px |
| កាំកាត | 24px |
| ស្រមោល | គ្មានព្រំដែនជំនួសឱ្យស្រមោល |
| រវាងផ្នែកនានា | 80px |
| ទទឹងទំព័រ | 1200px |
បញ្ញាសិប្បនិម្មិត (AI) នឹងបង្កើតគេហទំព័ររបស់អ្នកតាមរចនាបថ Steep ហើយបំពេញវា
- បំពេញជាមួយផលិតផល និងការបង្ហោះតាមរយៈតំណភ្ជាប់ - Instagram, TikTok, Facebook ។
- ផ្ទេរខ្លឹមសារពីគេហទំព័រចាស់របស់អ្នក—គ្រាន់តែបញ្ជាក់អាសយដ្ឋាន។
- ការរចនាទំនើបលើម៉ាស៊ីនល្អបំផុត៖ React ( Next.js) ជាមួយនឹងការបង្ហាញម៉ាស៊ីនមេ និងការបង្កើនប្រសិទ្ធភាព SEO ភ្លាមៗ។
- ការបង្កើនប្រសិទ្ធភាព SEO ដោយស្វ័យប្រវត្តិយ៉ាងពេញលេញសម្រាប់លទ្ធផលស្វែងរក និងអនុសាសន៍បណ្តាញសរសៃប្រសាទ។
រចនាប័ទ្មស្រដៀងគ្នា
- Newformcap — កាសែតវិចារណកថានៅក្នុងបន្ទប់ផ្លាស់សំលៀកបំពាក់
- Claude — វត្ថុបុរាណមួយដែលបានបោះពុម្ពលើក្រដាស់ក្តៅឧណ្ហៗ—ទឹកថ្នាំលើក្រដាសឆ្អឹង ដីឥដ្ឋជាដង្ហើមតែមួយគត់នៃពណ៌
- 11x– Digital workers — ដីទំនេរបែបវិចារណកថាភាពយន្ត — រូបថតទេសភាពបែប Panoramic ដែលថតជាប់នឹងចំណងជើងធំៗដែលអានដូចជាការផ្សព្វផ្សាយទស្សនាវដ្តីប្រណីត
- Revolut — ស្នាដៃវិចារណកថាពណ៌តែមួយពណ៌ ដែលផ្អែកលើរូបថតពពក—ទឹកថ្នាំពណ៌ស ប៊ូតុងប្រអប់ថ្នាំគ្រាប់ ឆ្នូតពណ៌ខៀវតែមួយពណ៌ នៅក្នុងពិភពពណ៌ប្រផេះ។
- Scheduling — ទឹកថ្នាំនិពន្ធលើក្រដាសពណ៌ក្រែម
- Titan — បណ្ណសារពណ៌ក្តៅ
- Programa — ស្ទូឌីយោរចនាស្វីសមួយនៅពាក់កណ្តាលថ្ងៃ។ ជញ្ជាំងវិចិត្រសាលពណ៌សត្រូវបានបំភ្លឺដោយចង្កៀងតុពណ៌លឿងតែមួយ - អ្វីៗទាំងអស់មានពណ៌ប្រផេះរហូតដល់ប៊ូតុង រូបតំណាង ឬការសង្កត់សំឡេងទាក់ទាញភ្នែក ហើយបន្ទាប់មកការសង្កត់សំឡេងពណ៌លឿងតែមួយនោះកំណត់បន្ទប់ទាំងមូល។
- Sana Agents — ពន្លឺចែងចាំងពណ៌ក្រូចឆ្មារលើផ្ទៃខាងក្រោយពណ៌សក្នុងអត្ថបទវិចារណកថា
- Visual — អត្ថបទវិចារណកថាក្តៅៗ samizdat។ ក្រដាសពណ៌ក្រែម ផ្ទាំងរូបភាព serif ម៉ាហ្គីណាលីយ៉ាពណ៌តែមួយ ប៊ិចពណ៌លឿងមួយ។
- Midday — ខិត្តប័ណ្ណវិចារណកថាស្តីពីក្រដាស vellum - ចំណងជើង serif 72px លើផ្ទៃខាងក្រោយថ្មក្តៅ ច្បាប់ចម្លងតួ sans-serif ជាមួយចន្លោះ ការគ្រប់គ្រងរាងគ្រាប់ គ្មានស្រមោល
- Chat for impact — គ្លីនិកបៃតងព្រៃដែលមានបន្ទប់ពណ៌ pastel
- Handhold — ក្រដាស់ក្តៅនៅក្រោមអក្សរសេរីហ្វដែលស្ទើរតែមិនអាចឮបាន—ជាការផ្សាយអត្ថបទមួយ ដែលបានកំណត់ដោយដៃដោយគ្មានសំឡេងពណ៌ ដែលពុម្ពអក្សរសេរីហ្វ 200 ចំណុចល្អបំផុតបង្ហាញសំឡេងទាំងមូល។