Slash
ຫ້ອງໂຖງກາງຄືນທີ່ມີບັນຊີບັນຊີທີ່ເຄືອບດ້ວຍຄຳ
Slash ເຮັດວຽກໃນໂໝດຮູບພາບກາງຄືນ: ຜ້າໃບເກືອບສີດຳ, ຕົວອັກສອນສີຂາວ, ແລະ ມີສີທອງແດງອຸ່ນໆອັນດຽວເປັນເຄື່ອງໝາຍວັກຕອນ. ຫົວຂໍ້ຂ່າວສະແດງເປັນ Ivy Presto, ເຊິ່ງເປັນ didone serif ທີ່ມີຄວາມຄົມຊັດສູງທີ່ໃຊ້ໃນຂະໜາດສູງສຸດ (ສູງສຸດ 88px) - ການປະທະກັນຂອງຕົວອັກສອນ serif ແລະ sans-serif ນີ້ແມ່ນລາຍເຊັນຂອງລະບົບ, ເຮັດໃຫ້ມັນມີຄວາມສຳຄັນທາງດ້ານການເງິນໂດຍບໍ່ມີຄວາມສຳຄັນຂອງນາຍໜ້າຊື້ຂາຍຂອງທະນາຄານແບບດັ້ງເດີມ. ສ່ວນອິນເຕີເຟດຜູ້ໃຊ້ທີ່ເຫຼືອແມ່ນຖືກລະບຸຢ່າງລະອຽດ: ຂອບບາງ, ການຄວບຄຸມຮູບຊົງເມັດ, ຕົວໜັງສືຂະໜາດກະທັດຮັດ 16px, ແລະ ການເລື່ອນຂຶ້ນເລັກນ້ອຍເພື່ອໃຫ້ຕົວອັກສອນຫາຍໃຈໄດ້. ການໄລ່ສີທອງດຽວ (ເສັ້ນຕາຕະລາງ, ການເນັ້ນສີຂະໜາດນ້ອຍ) ເພີ່ມຄວາມອົບອຸ່ນໃຫ້ກັບລະບົບ monochrome, ເຮັດໃຫ້ນຶກເຖິງຄວາມອົບອຸ່ນຂອງເຄື່ອງໝາຍ Bloomberg ທີ່ສ້າງຂຶ້ນສຳລັບຜູ້ຊົມການອອກແບບ.
ເນື້ອຫາມີຄວາມກວ້າງ 1216px, ຢູ່ກາງ, ມີຮ່ອງແນວຕັ້ງ 160px. ໜ້າຈໍຫຼັກແມ່ນແຜ່ນຜ້າສີເຂັ້ມ, ເຕັມຄວາມກວ້າງທີ່ມີອົງປະກອບແບ່ງອອກ: ຫົວຂໍ້ serif ຈັດລຽງໄວ້ທາງຊ້າຍ (ກວ້າງ 64–88px) ພ້ອມດ້ວຍຊ່ອງທີ່ຢູ່ອີເມວຢູ່ດ້ານລຸ່ມ, ແລະບັດ UI ຜະລິດຕະພັນຂະໜາດໃຫຍ່ (ພາບໜ້າຈໍແຜງຄວບຄຸມ) ຢູ່ເບື້ອງຂວາທີ່ມີຄວາມກວ້າງ 50%. ພາກສ່ວນຕໍ່ມາໃຊ້ຫົວຂໍ້ຖັນດຽວ, ຢູ່ກາງ (serif, ກວ້າງ 44–64px) ພ້ອມດ້ວຍຫົວຂໍ້ຍ່ອຍໃນ Inter, ຕາມດ້ວຍຕາຂ່າຍສາມຖັນຂອງບັດສຳລັບລາຍລະອຽດຄຸນສົມບັດ/ຄຳຊົມເຊີຍ/ບລັອກ. ການນຳທາງແມ່ນແຖບດ້ານເທິງຄົງທີ່: ໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ, ເມນູກາງ (ບໍລິສັດ, ຜະລິດຕະພັນ, ວິທີແກ້ໄຂ, ລູກຄ້າ, ລາຄາ, FAQ), ການເຂົ້າສູ່ລະບົບຈັດລຽງໄວ້ທາງຂວາ (ບໍ່ເດັ່ນ), ແລະການເລີ່ມຕົ້ນ (ອົງປະກອບສີຂາວ). ສ່ວນລຸ່ມມີຕາຂ່າຍຫ້າຖັນທີ່ໜາແໜ້ນຂອງລິ້ງທີ່ມີຂໍ້ມູນບໍລິສັດ ແລະແຈ້ງການທາງກົດໝາຍ. ໜ້າເວັບສະຫຼັບກັນລະຫວ່າງພາກສ່ວນຕາຂ່າຍທີ່ມີເນື້ອຫາອຸດົມສົມບູນ ແລະ ສະຖິຕິເຕັມຈໍ - ຈັງຫວະແມ່ນຖືກສ້າງຕັ້ງຂຶ້ນໂດຍຊ່ອງຫວ່າງສີຂາວທີ່ກວ້າງຂວາງລະຫວ່າງຖັນແທນທີ່ຈະສະຫຼັບສີພື້ນຫຼັງ (ໜ້າເວັບທັງໝົດຖືກນຳສະເໜີເປັນແຜ່ນດຽວ).
ຮູບພາບແມ່ນມີລັກສະນະເປັນບັນນາທິການ ແລະ ເປັນທຳມະຊາດ: ຮູບຄົນອົບອຸ່ນຂອງຜູ້ກໍ່ຕັ້ງ ແລະ ສະມາຊິກທີມງານໃນສະພາບແວດລ້ອມການເຮັດວຽກຕົວຈິງຂອງເຂົາເຈົ້າ (ຫ້ອງການ, ຫ້ອງຮັບແຂກ, ສະຖານທີ່ກໍ່ສ້າງ). ຮູບພາບຕ່າງໆເຕັມກອບບັດຈາກຂອບຫາຂອບ, ໂດຍບໍ່ມີການເພີ່ມຂອບ. ການໄລ່ສີສີເຂັ້ມຖືກນຳໃຊ້ຢູ່ດ້ານລຸ່ມຂອງບັດຊົມເຊີຍເພື່ອເພີ່ມຄວາມສະດວກໃນການອ່ານຂໍ້ຄວາມ. ຄວາມງາມ - "LinkedIn ພົບກັບວາລະສານບັນນາທິການ" - ແມ່ນທຳມະດາ, ເປັນມະນຸດ, ແລະ ງຽບເລັກນ້ອຍ, ບໍ່ເຄີຍຖືກຂັດດ້ວຍຮູບພາບສະຕັອກ. ຮູບຫຍໍ້ຂອງບົດຄວາມລວມຮູບພາບເຂົ້າກັບແນວຄວາມຄິດທີ່ມີຮູບແຕ້ມ (ຄົນທີ່ຢືນຢູ່ໃນວົງກົມ, ເຕົາໄຟທີ່ມີຖົງເງິນ). UI ຂອງຜະລິດຕະພັນຖືກສະແດງໃນໂໝດມືດດ້ວຍຄວາມໂປ່ງໃສເຕັມທີ່, ລອຍຢູ່ເທິງໜ້າເວັບເທິງພື້ນຜິວມືດອ່ອນໆ - ອົງປະກອບສູນກາງ. ຮູບສັນຍາລັກແມ່ນສີດຽວທີ່ມີເສັ້ນຂອບ 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 — ເຕົາໄຟທີ່ອົບອຸ່ນໃນຫ້ອງເຊີບເວີກາງຄືນ - ຫ້ອງມືດບ່ອນທີ່ແສງສີພີຊດຽວເນັ້ນໃຫ້ເຫັນສິ່ງທີ່ສຳຄັນແທ້ໆ.