Modal
ສະຖານີສົ່ງແສງຟອສຟໍເຣສເຊັນໃນຫ້ອງເຊີບເວີທີ່ມືດມົວ - ແຫຼ່ງແສງສະຫວ່າງດຽວແມ່ນສີຂຽວສົດໃສ
ໂມດໍລເຮັດໜ້າທີ່ຄືກັບເຄື່ອງສົ່ງສັນຍານຟອສຟໍເຣສເຊັນໃນຫ້ອງເຊີບເວີທີ່ມືດມົວ: ຜ້າໃບເກືອບສີດຳ, ສີຂຽວອ່ອນ, ແລະ ຈຸດເນັ້ນສີຂຽວປູນຂາວສົດໃສອັນດຽວທີ່ເຮັດໜ້າທີ່ເປັນຕົວຊີ້ບອກສະຖານະ LED. ພາສາການອອກແບບແມ່ນສຸມໃສ່ນັກພັດທະນາ - ໜ້າຕ່າງລະຫັດທີ່ມີຈຸດໄຟຈະລາຈອນ, ຮູບສັນຍາລັກ 3D ແບບ isometric ໃນສີຂຽວລາຍເຊັນ, ແລະ ພື້ນທີ່ສີຂາວຫຼາຍ, ຊ່ວຍໃຫ້ອົງປະກອບໜຶ່ງໃນແຕ່ລະພາກສ່ວນສະຫວ່າງ. ຮູບແບບຕົວອັກສອນຖືກແບ່ງອອກລະຫວ່າງຕົວອັກສອນທີ່ກຳນົດເອງ (Goga) ສຳລັບຫົວຂໍ້ ແລະ ຕົວອັກສອນທີ່ປ່ຽນແປງໄດ້ (Inter) ສຳລັບອົງປະກອບ UI ທັງໝົດ, ທັງສອງຕັ້ງຄ່າດ້ວຍການຕິດຕາມລົບທີ່ແຄບ. ສີແມ່ນແຈກຢາຍຢ່າງເທົ່າທຽມກັນ: ໜ້າຈໍສ່ວນໃຫຍ່ແມ່ນບໍ່ມີສີ, ແລະ ສີຂຽວປູນຂາວສົດໃສຈະປາກົດຢູ່ໃນການກະທຳທີ່ສຳຄັນ, ໂລໂກ້, ຮູບແຕ້ມ 3D, ແລະ ຊ່ວງເວລາທີ່ເນັ້ນໜັກເທົ່ານັ້ນ. ອົງປະກອບແມ່ນຮາບພຽງ ແລະ ບໍ່ມີກອບ, ມີຄວາມເລິກທີ່ສ້າງຂຶ້ນຜ່ານຂອບສີຂຽວອ່ອນໆ ແລະ ພື້ນຫຼັງມົວແທນທີ່ຈະເປັນເງົາ.
ຮູບແບບການໃຊ້ຮູບແບບສີດຳທີ່ມີຄວາມກວ້າງເຕັມທີ່ມີຄວາມກວ້າງສູງສຸດ 1280px ເພື່ອຮອງຮັບເນື້ອຫາ. ໜ້າຕ່າງ hero ຢູ່ໃຈກາງ: ຫົວຂໍ້ (ປະໂຫຍກທຳອິດເປັນສີຂຽວປູນຂາວ), ຫົວຂໍ້ຍ່ອຍ, ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດສອງຢ່າງ, ແລະວັດຖຸ 3D ດຽວເປັນຈຸດຍຶດສາຍຕາ - ໂດຍບໍ່ແຍກຮູບແບບອອກຈາກແຖບດ້ານຂ້າງ. ພາກສ່ວນເນື້ອຫາປະຕິບັດຕາມຈັງຫວະທີ່ເປັນເອກະພາບ: ແທັກຄິ້ວ (ຕົວອັກສອນໃຫຍ່, Moss 70) → ຫົວຂໍ້ Goga → ຂໍ້ຄວາມເນື້ອໃນທີ່ງຽບສະຫງົບ, ຫຼັງຈາກນັ້ນຮູບແບບສອງຖັນທີ່ມີລາຍລະອຽດຄຸນສົມບັດ (ຂໍ້ຄວາມ + ລະຫັດ/ບັດຮູບພາບ) ຫຼືຕາຂ່າຍບັດສາມຖັນ. ຮ່ອງລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນກວ້າງ - 80px. ໜ້າສະຫຼັບກັນລະຫວ່າງພື້ນຫຼັງທີ່ວ່າງເປົ່າ (#000000) ແລະພື້ນຫຼັງທີ່ອ່ອນກວ່າເລັກນ້ອຍ (#181818), ໂດຍມີພາກສ່ວນທີ່ອ່ອນໜຶ່ງ (#def0dd) ປາກົດຢູ່ກາງໜ້າເປັນການພັກຜ່ອນທາງສາຍຕາ. ການນຳທາງປະກອບດ້ວຍແຖບເທິງດຽວ, ຄົງທີ່ທີ່ມີພື້ນຫຼັງມົວ - ບໍ່ມີແຖບດ້ານຂ້າງ ຫຼື ເມນູໃຫຍ່. ສ່ວນລຸ່ມມີຂະໜາດກະທັດຮັດ ແລະ ມືດ, ມີຖັນລິ້ງສີຂຽວອ່ອນ. ຄວາມໜາແໜ້ນຂອງຂໍ້ຄວາມແມ່ນພໍດີ: ແຕ່ລະພາກສ່ວນໄດ້ຮັບພື້ນທີ່ພຽງພໍ, ແລະຕາຂ່າຍບັດໃຊ້ບໍ່ເກີນສາມຖັນ.
ພາສາພາບຂອງ Modal ແບ່ງອອກເປັນສອງຮູບແບບຄື: ການສະແດງຜະລິດຕະພັນແບບ 3D ທີ່ສະຫວ່າງ ແລະ ຮູບແບບໜ້າຕ່າງລະຫັດສີເຂັ້ມ. ຈຸດສຳຄັນແມ່ນຮູບຊົງກ້ອນ 3D ດຽວທີ່ສະແດງໂດຍໃຊ້ການไล่ระดับສີທາງການຕະຫຼາດ (ຈາກສີຂຽວປູນຂາວຫາສີມໍລະກົດ), ຕັ້ງຢູ່ພາຍໃນຮາໂລສີໄລ່ສີທີ່ສ່ອງແສງສີຂຽວໃສ່ພື້ນທີ່ຫວ່າງເປົ່າ - ແບບພາບທີ່ເປັນລາຍເຊັນຂອງຍີ່ຫໍ້. ບັດປະລິມານວຽກປະກອບດ້ວຍຮູບສັນຍາລັກ 3D ແບບ isometric (ຮູບຊົງກ້ອນ wireframe, ຂັ້ນໄດທີ່ແຂງ, ຊັ້ນ) ທີ່ສະແດງເປັນສີຂຽວປູນຂາວດຽວກັນກັບພື້ນຫຼັງສີເຂັ້ມ. ຜົນໄດ້ຮັບຂອງລະຫັດ ແລະ benchmark ຖືກນຳສະເໜີເປັນບັດໜ້າຕ່າງ terminal ທີ່ມີຈຸດໄຟຈະລາຈອນ, ການເນັ້ນໄວຍາກອນແບບ monospaced ໃນແຜ່ນສີຟອສຟໍເຣສເຊັນ, ແລະ ຂອບສີຂຽວອ່ອນໆ - ພວກມັນຄ້າຍຄືກັບພາບໜ້າຈໍຂອງອິນເຕີເຟດບັນທັດຄຳສັ່ງທີ່ແທ້ຈິງ. ໂລໂກ້ລູກຄ້າຖືກສະແດງເປັນປ້າຍສີຂຽວ-ເທົາທີ່ບໍ່ມີສີອີ່ມຕົວໃນແຖວດຽວ, ມີຄວາມຄົມຊັດຕ່ຳ, ເຊິ່ງເປັນສັນຍານເຖິງຄວາມໄວ້ວາງໃຈໂດຍບໍ່ມີການແຂ່ງຂັນທາງສາຍຕາ. ຄວາມໜາແໜ້ນໂດຍລວມແມ່ນຕໍ່າ - ໜ້າສ່ວນໃຫຍ່ມີຂໍ້ຄວາມເປັນສ່ວນໃຫຍ່, ແລະ ຮູບພາບຖືກນຳສະເໜີເປັນຈຸດຈຸດສຸມສ່ວນບຸກຄົນແທນທີ່ຈະເປັນຕາຂ່າຍຮູບພາບ. ບໍ່ມີຮູບພາບ; ລະບົບພາບທັງໝົດຖືກສະແດງ, ເປັນເລຂາຄະນິດ, ແລະ ເປັນເງົາ.
ພາເລັດ
ຍີ່ຫໍ້
- Lime Pulse
#7fee64— ອົງປະກອບຫຼັກຂອງເອກະລັກຂອງບໍລິສັດແມ່ນໂລໂກ້, ການຮຽກຮ້ອງໃຫ້ມີການປະຕິບັດ (CTA) ຫຼັກ, ການຕື່ມແທັກ, ສະຖານະການເຄື່ອນໄຫວ, ແລະສີພື້ນຖານຂອງຮູບແຕ້ມ.
ເປັນກາງ
- Phosphor White
#ddffdc— ຂໍ້ຄວາມຫຼັກ, ສີຫົວຂໍ້, ໂຄງຮ່າງໄອຄອນ, ແລະ ຂໍ້ຄວາມປຸ່ມທີ່ເຕັມແມ່ນໜ້າດິນຫຼັກທີ່ອ່ານໄດ້. - Void Black
#000000— ຜ້າໃບໜ້າ, ຊັ້ນພື້ນຫຼັງທີ່ເລິກທີ່ສຸດ - Ground Iron
#181818— ການຕື່ມປຸ່ມຫຼັກ, ໜ້າດິນບັດໃນພື້ນທີ່ມືດ, ໜ້າດິນພື້ນຖານຂອງອິນເຕີເຟດຜູ້ໃຊ້. - Carbon Veil
#212525— ພື້ນຜິວທີ່ຍົກສູງຂຶ້ນ, ພື້ນຫຼັງການນຳທາງ, ເບົາກວ່າພື້ນດິນເລັກນ້ອຍ. - Circuit Border
#485346— ກອບໂຄງຮ່າງ/ກອບການກະທຳຜີ, ເສັ້ນບາງໆແບບໂຕ້ຕອບຫຼັກ, ແມ່ນຮົ່ມສີຂີ້ເຖົ່າສີຂຽວອ່ອນໆ. - Phosphor Blue-Black
#1f2a33— ເສັ້ນໝາຍບາງໆທີ່ສອງ, ແບ່ງເສັ້ນລະຫວ່າງເສັ້ນສີເຂັ້ມ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 64px · 8 ຂັ້ນຕອນ
- Goga — ການທົດແທນ: Inter Tight or Space Grotesk · ໂຄງຮ່າງ 400, 500 · ຟອນຫົວຂໍ້ ແລະ ຫົວຂໍ້ຍ່ອຍ – ໃຊ້ສຳລັບຫົວຂໍ້ ແລະ ບັດ H1–H4 ທັງໝົດ. Goga ເປັນຟອນ sans-serif ເລຂາຄະນິດທີ່ກຳນົດເອງທີ່ມີຮູຮັບແສງແຄບ ແລະ ປາຍສີ່ຫຼ່ຽມມົນເລັກນ້ອຍ. ນ້ຳໜັກປານກາງ (500) ແມ່ນສະຫງວນໄວ້ສຳລັບການເນັ້ນຫົວຂໍ້ລະດັບບັດ; ນ້ຳໜັກປົກກະຕິ (400) ແມ່ນໃຊ້ສຳລັບຫົວຂໍ້ hero ແລະ ພາກສ່ວນ. ເພື່ອເຂົ້າເຖິງຮູບຮ່າງ glyph ທາງເລືອກທີ່ກຳນົດຕົວຕົນຂອງ Modal, ຊຸດຮູບແບບ 'ss01' ຂອງມັນຕ້ອງຖືກເປີດໃຊ້ງານ. ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນລົບຈະຄ່ອຍໆຫຼຸດລົງຈາກ -0.007em ທີ່ 48px ເປັນ -0.017em ທີ່ 21px.
- Inter Variable — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 500 · ອິນເຕີເຟດຜູ້ໃຊ້ ແລະ ສຳເນົາເນື້ອຫາ - ການນຳທາງ, ປຸ່ມ, ສຳເນົາເນື້ອຫາ, ປ້າຍຊື່, ສ່ວນທ້າຍ. ນ້ຳໜັກປານກາງ (500) ຖືກໃຊ້ໂດຍຄ່າເລີ່ມຕົ້ນສຳລັບອົງປະກອບແບບໂຕ້ຕອບ ແລະ ການນຳທາງ; ປົກກະຕິ (400) ຖືກໃຊ້ສຳລັບວັກ. ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນຫຼຸດລົງຢ່າງເຫັນໄດ້ຊັດເຖິງແມ່ນວ່າຈະມີຂະໜາດນ້ອຍ (-0.026em ທີ່ 14px, -0.022em ທີ່ 16px), ເຊິ່ງເຮັດໃຫ້ອິນເຕີເຟດມີຄວາມໜາແໜ້ນຂອງຕົວສິ້ນສຸດທີ່ຫຍໍ້ລົງ. ສຳລັບເຄື່ອງໝາຍວັກຕອນທາງເລືອກ, ຕົວແປຕົວອັກສອນ 'cv11' ຄວນຖືກລວມເຂົ້າ. ປ້າຍຊື່ຕົວພິມໃຫຍ່ທັງໝົດທີ່ 12px ໃຊ້ໄລຍະຫ່າງລະຫວ່າງຕົວອັກສອນ +0.05em ເພື່ອດຸ່ນດ່ຽງຄວາມໜາແໜ້ນຂອງສຳເນົາເນື້ອຫາ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 20px |
| ລັດສະໝີປຸ່ມ | 12px |
| ລັດສະໝີບັດ | 8px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 80px |
| ຄວາມກວ້າງຂອງໜ້າ | 1280px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Modal ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Slash — ຫ້ອງໂຖງກາງຄືນທີ່ມີບັນຊີບັນຊີທີ່ເຄືອບດ້ວຍຄຳ
- AgentQL — ແສງເໜືອເໜືອເໜືອສະຖານີລົດໄຟໃນຕອນກາງຄືນ
- GitHub — ແຜງບັນຊາການອະວະກາດທີ່ມີຈຸດຄວບຄຸມທີ່ມີແສງຊີວະພາບ - ພື້ນທີ່ເຮັດວຽກທີ່ມືດມົວ ແລະ ມີບັນຍາກາດບ່ອນທີ່ແສງສີຂຽວດຽວຊີ້ທາງໄປຂ້າງໜ້າ.
- Doppler — ແສງສີມ່ວງຂອງຫ້ອງໂຖງໃນເວລາທ່ຽງຄືນ. ຜ້າໃບເກືອບສີດຳສ່ອງແສງດ້ວຍສັນຍານສີມ່ວງດຽວ ແລະ ໄຟຢືນຢັນສີຂຽວ, ທຸກໆພື້ນຜິວໂຄ້ງພໍທີ່ຈະຈັບໄດ້.
- Basedash — ສະຖານີຂໍ້ມູນທ່ຽງຄືນທີ່ມີຕົວອັກສອນດ້ານ. ຫໍສັງເກດການສີເຂັ້ມບ່ອນທີ່ຕົວຊີ້ວັດສ່ອງແສງສີມ່ວງ ແລະ ສີຂຽວ, ຫົວຂໍ້ຂ່າວ serif ລອຍຢູ່ເທິງສຽງລົບກວນ, ແລະ ປຸ່ມຮູບຊົງເມັດສີຂາວແມ່ນວັດຖຸດຽວທີ່ສະຫວ່າງຢູ່ໃນຫ້ອງທີ່ມີພື້ນຜິວສີດຳອ່ອນໆ.
- Superwhisper — ແສງເໜືອລະລາຍໄປເທິງແກ້ວທ່ຽງຄືນ
- Better Stack — ຄອນໂຊນ SRE ທ່ຽງຄືນ
- Langbase — ຄອນໂຊນແສງເໜືອທ່ຽງຄືນ
- Astro — ການຄວບຄຸມພາລະກິດອະວະກາດເລິກດ້ວຍແສງສີມ່ວງດຽວຈາກເນບູລາ
- Wayfinder — ໜ້າຈໍໜັງສີດຳທີ່ມີຫົວຂໍ້ທີ່ເກືອບບໍ່ໄດ້ຍິນສຽງລອຍຢູ່ເທິງຮູບແຕ້ມສົດ. ອິນເຕີເຟດແມ່ນຕົວເລື່ອນຄວາມສະຫວ່າງແທນທີ່ຈະເປັນແຜງຄວບຄຸມ.
- HashiCorp — ຫ້ອງຄວບຄຸມໃນເວລາທ່ຽງຄືນທີ່ມີໄຟນີອອນສີມ່ວງແມ່ນພື້ນຜິວທາງເທັກນິກທີ່ມືດມົວເຊິ່ງຮູບຊົງລູກບາດຫົກຫຼ່ຽມທີ່ສະຫວ່າງເປັນສີອ້າງອີງດຽວ.
- Umbrel — ເຕົາໄຟທີ່ອົບອຸ່ນໃນຫ້ອງເຊີບເວີກາງຄືນ - ຫ້ອງມືດບ່ອນທີ່ແສງສີພີຊດຽວເນັ້ນໃຫ້ເຫັນສິ່ງທີ່ສຳຄັນແທ້ໆ.