ThoughtLab
ອະນຸສາວະລີອອບຊີເດຍນທີ່ມີສັນຍານສີແດງເຂັ້ມ. ຜ້າໃບສີດຳທີ່ວ່າງເປົ່າ, ບ່ອນທີ່ວັດຖຸສີແດງອີ່ມຕົວພຽງວັດຖຸດຽວໃນວິຫານ, ພິມດ້ວຍຕົວອັກສອນສີຂາວໃຫຍ່, ແມ່ນຮູບຊົງສີດຽວ.
ThoughtLab ເຮັດວຽກຄືກັບພາສາການອອກແບບຂອງ Black Cathedral: ຜ້າໃບສີດຳທີ່ຫວ່າງເປົ່າ, ກຳມະຈອນສີແດງອັນດຽວ, ແລະຮູບແບບຕົວອັກສອນທີ່ໃຫຍ່ຫຼວງຈົນເຮັດໜ້າທີ່ເປັນສະຖາປັດຕະຍະກຳ. ລະບົບເກືອບທັງໝົດແມ່ນບໍ່ມີສີ - #cccccc ເປັນຕົວແທນຂອງຮ່າງກາຍ, #ffffff ເປັນຕົວແທນຂອງຈໍສະແດງຜົນ - ໂດຍ #fc1c46 ປາກົດພຽງແຕ່ສຳລັບການກະທຳຫຼັກອັນດຽວ, ເປັນການກະຕຸ້ນຄວາມເຄັ່ງຕຶງທີ່ຄວບຄຸມຕໍ່ກັບພື້ນຫຼັງຂອງຄວາມຫວ່າງເປົ່າ. ລຳດັບຊັ້ນຖືກສ້າງຂຶ້ນໂດຍຜ່ານການກະໂດດຂະໜາດທີ່ຄົມຊັດ (198px → 14px), ແທນທີ່ຈະຜ່ານສີ, ເງົາ, ຫຼືການຕື່ມ. ອົງປະກອບຕ່າງໆແມ່ນບໍ່ມີນ້ຳໜັກ: ບັດໂປ່ງໃສ, ປຸ່ມຮູບຊົງເມັດ, ຊ່ອງປ້ອນຂໍ້ມູນບາງໆ, ການບໍ່ມີການວາງຊ້ອນກັນທີ່ຍົກສູງຂຶ້ນ - ໜ້າເວັບຫາຍໃຈຜ່ານພື້ນທີ່ລົບ ແລະ ຕົວພິມໃຫຍ່ທີ່ບັນຈຸຢ່າງໜາແໜ້ນ, ແທນທີ່ຈະຜ່ານຕູ້ຄອນເທນເນີ.
ຜ້າໃບສີເຂັ້ມກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ, ມີຂອບອອກຕາມລວງນອນກວ້າງ (126px ໃນແຕ່ລະດ້ານ, ເຮັດໃຫ້ຖັນເນື້ອຫາມີຂະໜາດປະມານ 1400px). ຫົວຂໍ້ແມ່ນເສັ້ນດຽວ 72px: ໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ, ຄຳຂວັນຢູ່ໃຈກາງ, ປຸ່ມຮຽກຮ້ອງໃຫ້ປະຕິບັດຮູບຊົງເມັດ, ແລະແຖບແຮມເບີເກີຢູ່ເບື້ອງຂວາ. ຕົວລະຄອນເອກແມ່ນອົງປະກອບທີ່ແບ່ງອອກ - ຫົວຂໍ້ໃຫຍ່ 198px ໃນຕົວພິມໃຫຍ່ທັງໝົດຢູ່ເບື້ອງຊ້າຍພ້ອມດ້ວຍສຳເນົາເນື້ອຫາຮອງຮັບ 18px ຢູ່ດ້ານລຸ່ມ, ໃນຂະນະທີ່ຮູບຊົງກົມ 3D ຊ້ອນກັນຂໍ້ຄວາມຢູ່ເບື້ອງຂວາຂອງໃຈກາງ, ບາງສ່ວນ "ກິນ" ມັນ. ຢູ່ດ້ານລຸ່ມຂອງຕົວລະຄອນເອກ, ພາກສ່ວນຕ່າງໆຖືກຈັດລຽງເປັນຈັງຫວະແນວຕັ້ງທີ່ກວ້າງຂວາງດ້ວຍຊ່ອງຫວ່າງ 86–108px ລະຫວ່າງພວກມັນ. ອົງປະກອບຂອງຜົນງານຖືກສະແດງເປັນລາຍການ, ຄອບຄອງຄວາມກວ້າງເກືອບທັງໝົດຂອງໜ້າ, ແທນທີ່ຈະເປັນຕາຂ່າຍບັດ. ບໍ່ມີແຖບຂ້າງ, ບໍ່ມີເມນູໃຫຍ່, ບໍ່ມີສ່ວນລຸ່ມທີ່ມີຕາຂ່າຍຖັນ - ສ່ວນລຸ່ມແມ່ນເສັ້ນດຽວ, ງຽບສະຫງົບທີ່ມີຂໍ້ມູນລິຂະສິດ ແລະຂໍ້ມູນຕິດຕໍ່ #4c4c4c. ການນຳທາງນອກເໜືອໄປຈາກຫົວຂໍ້ຈະເປີດເປັນເມນູແຮມເບີເກີໃນແບບຊ້ອນທັບເຕັມຈໍ.
ຮູບພາບມີໜ້ອຍ ແລະ ໄດ້ຮັບການຄັດສັນມາຢ່າງຕັ້ງໃຈ. ອົງປະກອບທາງສາຍຕາທີ່ໂດດເດັ່ນແມ່ນຮູບຊົງກົມຂະໜາດໃຫຍ່ຂອງນ້ຳອອບຊິເດຍນ, ສະແດງໃນ WebGL—ຮູບຊົງ 3D ສີເຂັ້ມ, ເກືອບເປັນສີດຳ, ມີການສະທ້ອນສີຟ້າ ແລະ ສີອຳພັນເລັກນ້ອຍຕາມແຄມ, ລອຍຢູ່ກັບພື້ນຫຼັງສີດຳ ແລະ ຊ້ອນກັນບາງສ່ວນກັບຫົວຂໍ້. ມັນເຮັດໜ້າທີ່ເປັນສັນຍາລັກຂອງຍີ່ຫໍ້ຫຼາຍກວ່າຮູບແຕ້ມ. ຮູບຫຍໍ້ຂອງໂຄງການຖືກສະແດງເປັນຮູບພາບ ຫຼື ວິດີໂອໃນລາຍການແນວຕັ້ງ, ນຳສະເໜີຈາກຂອບຫາຂອບໂດຍບໍ່ມີຂອບ. ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີຮູບພາບສະຕັອກ, ບໍ່ມີການປັບສີແບບຕົກແຕ່ງ. ຮູບຊົງກົມ ແລະ ຕົວອັກສອນແມ່ນອົງປະກອບທາງສາຍຕາດຽວໃນໜ້າ.
ພາເລັດ
ຍີ່ຫໍ້
- Crimson Signal
#fc1c46— ຈຸດເດັ່ນຫຼັກແມ່ນອົງປະກອບສີແດງອັນດຽວ; ມັນປາກົດຢູ່ໃນແຖບ "ລາຍຊື່ຜູ້ຕິດຕໍ່", ໃນໂລໂກ້ຍີ່ຫໍ້, ແລະບໍ່ມີບ່ອນອື່ນ. ຄວາມຫາຍາກຂອງມັນແມ່ນຍ້ອນລາຍລະອຽດສະເພາະຂອງການອອກແບບ.
ເປັນກາງ
- Void
#000000— ພື້ນຫຼັງຂອງໜ້າເວັບ, ເຊິ່ງເອີ້ນວ່າຜ້າໃບ, ແມ່ນພື້ນຖານທີ່ແທ້ຈິງທີ່ອົງປະກອບອື່ນໆທັງໝົດລອຍຢູ່ເທິງ. - Ash
#cccccc— ຂໍ້ຄວາມຫຼັກ ແລະ ຂໍ້ຄວາມລິ້ງ, ໂທນສີຂໍ້ຄວາມເລີ່ມຕົ້ນໃນຜ້າໃບສີດຳ - ຖືກເລືອກແທນທີ່ຈະເປັນສີຂາວບໍລິສຸດເພື່ອເຮັດໃຫ້ແສງຈ້າອ່ອນລົງ. - Frost
#ffffff— ການສະແດງຫົວຂໍ້, ຂໍ້ຄວາມປຸ່ມ, ຂໍ້ຄວາມໃນຊ່ອງປ້ອນຂໍ້ມູນ, ແລະ ມາກອັບ ແມ່ນລະດັບທີ່ໂດດເດັ່ນທີ່ສຸດ, ເຊິ່ງມີຈຸດປະສົງເພື່ອເນື້ອຫາທີ່ຄວນຈະເປັນເສັ້ນຊື່. - Graphite
#4c4c4c— ລິຂະສິດ, ເມຕາແທັກ, ຂໍ້ຄວາມເສີມ - ປິດສຽງໂດຍເຈດຕະນາເພື່ອບໍ່ໃຫ້ແຂ່ງຂັນກັບຂໍ້ຄວາມຫຼັກ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 10 ຫາ 198px · 7 ຂັ້ນຕອນ
- sui — ການທົດແທນ: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · ໂຄງຮ່າງ 300, 400, 500, 700 · ຟອນດຽວ. Sui ເປັນຟອນ sans-serif ເລຂາຄະນິດທີ່ອອກແບບມາເປັນພິເສດ ເຊິ່ງໃຊ້ສຳລັບທຸກຢ່າງຕັ້ງແຕ່ 198px ສຳລັບຫົວຂໍ້ຂ່າວ ຈົນເຖິງ 10px ສຳລັບຄຳບັນຍາຍ. ນ້ຳໜັກ 700 ແມ່ນສະຫງວນໄວ້ສຳລັບຫົວຂໍ້ຂ່າວໃຫຍ່ໆ ແລະ ຫົວຂໍ້ໃຫຍ່ໆ; ນ້ຳໜັກ 400 ແມ່ນໃຊ້ສຳລັບສ່ວນທີ່ເຫຼືອຂອງລະບົບ. ຄວາມແຕກຕ່າງລະຫວ່າງຕົວໜາ ແລະ ຕົວປົກກະຕິແມ່ນລະບົບຟອນຫຼັກ; ບໍ່ຈຳເປັນຕ້ອງມີຄອບຄົວທີສອງ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 9px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 0px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 86-108px |
| ຄວາມກວ້າງຂອງໜ້າ | 1400px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ ThoughtLab ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Vivid+Co — ແສງສະຫວ່າງປຣິສມາຕິກຜ່ານອອບຊິເດຍນ
- Sequel — ການສະແດງໜັງສ່ວນຕົວຫຼັງຈາກມືດແລ້ວ ເປັນແສງສະຫວ່າງອຸ່ນພຽງຢ່າງດຽວໃນໂຮງໜັງທີ່ມືດ.
- Dovetail — ແຜນຜັງພາຍໃຕ້ດວງຈັນສີດຳ — ເສັ້ນກຣາຟທີ່ເຫັນໄດ້ຍາກ, ຕົວອັກສອນສີຂາວ, ມີແສງສີມ່ວງອັນໜຶ່ງ
- MekaVerse — ຫ້ອງວາງສະແດງສິລະປະດິຈິຕອນສີດຽວ - ຊ່ອງວ່າງສີດຳທີ່ແຂງແກ່ນບ່ອນທີ່ໂລກທີ່ສະແດງແລ້ວຫ້ອຍຢູ່ຄືກັບງານວາງສະແດງຂອງພິພິທະພັນ, ແລະອິນເຕີເຟດຜູ້ໃຊ້ທັງໝົດແມ່ນໝຶກສີຂາວເທິງແກ້ວສີດຳດ້ານ.
- Krea — ຄັງຮູບພາບນຽຣໃນເວລາທ່ຽງຄືນ
- Factory — ສະຖານີ "ຫ້ອງສົງຄາມ" ໃນເວລາທ່ຽງຄືນ. "ໂຮງງານ" ແມ່ນແຜງຄວບຄຸມສີດຳທີ່ມືດມົວບ່ອນທີ່ບັດສີຂາວອັນດຽວຕົກລົງຄືກັບສັນຍານທີ່ມີໄຟສາຍ - ວັດຖຸດຽວໃນຫ້ອງແມ່ນຕົວຜົນງານເອງ.
- basement — ເຄື່ອງພິມທີ່ຫວ່າງເປົ່າໃນເວລາ 3 ໂມງເຊົ້າ - ຕົວອັກສອນຂະໜາດໃຫຍ່ທີ່ຖືກບີບອັດກະຈາຍໄປທົ່ວສີດຳສະນິດ, ແສງສີສົ້ມອ່ອນໆຢູ່ແຖບນຳທາງ, ທຸກຢ່າງນອກນັ້ນເປັນສີຂາວ ຫຼື ສີເທົາມືດ.
- Stink Studios — ສະຕູດິໂອຖ່າຍຮູບເງົາຕອນທ່ຽງຄືນ - ເຄື່ອງສາຍຮູບເງົາດັງຂຶ້ນ, ຫ້ອງມືດ, ມີແຕ່ຮູບເງົາເທົ່ານັ້ນທີ່ເປີດໄຟ
- Apple (España) — ໂຮງລະຄອນສີດຳທີ່ມີອຸປະກອນໄຟສ່ອງສະຫວ່າງ
- Charlie — ຮູບແບບຕົວອັກສອນທີ່ແກະສະຫຼັກຈາກຫີນວັດລົງເທິງຫີນອອບຊີເດຍນ. ເອກະສານທີ່ມີກຳແພງສີແດງອັນດຽວສ້າງຄວາມງຽບສະຫງັດ.
- Rive — ວິໄສທັດໃນຕອນກາງຄືນທີ່ມີຄວາມແມ່ນຍໍາສູງ. ອິນເຕີເຟດມີເລນພິເສດທີ່ເຈາະເຂົ້າໄປໃນຄວາມມືດເພື່ອສຸມໃສ່ລາຍລະອຽດດ້ານວິຊາການດ້ວຍຄວາມຊັດເຈນຢ່າງແທ້ຈິງ.
- Datalands — ວິຫານສີດຳທີ່ມີໄຟນີອອນກະພິບດຽວ. ໂລໂກ້ເຕັມໄປດ້ວຍໂບດໃຫຍ່; ສ່ວນອື່ນໆທັງໝົດແມ່ນຕົວໜັງສືທີ່แทบจะບໍ່ໄດ້ຍິນຢູ່ດ້ານລຸ່ມ.