Spotify
ຫ້ອງຄວບຄຸມເຄື່ອງຫຼິ້ນເພງກາງຄືນ
ອິນເຕີເຟດເວັບຂອງ Spotify ເປັນສູນຄວບຄຸມສື່ທີ່ໜາແໜ້ນ ແລະ ມືດ: ຜ້າໃບສີດຳທີ່ປະດັບປະດາດ້ວຍຮູບແຕ້ມອາລະບໍາທີ່ມີຊີວິດຊີວາ, ສີຂຽວທີ່ເປັນເອກະລັກ, ແລະ ການຄວບຄຸມຮູບຊົງເມັດ. ຮູບແບບຕົວອັກສອນມີຂະໜາດກະທັດຮັດ ແລະ ເປັນປະໂຫຍດ - ເປັນຕົວອັກສອນ sans-serif ເລຂາຄະນິດທີ່ອອກແບບມາເປັນພິເສດໃນຂະໜາດນ້ອຍ, ຊ່ວຍໃຫ້ຮູບແຕ້ມອາລະບໍາ ແລະ ຮູບພາບສິລະປິນເຮັດວຽກສ່ວນໃຫຍ່ຂອງຮູບພາບໄດ້. ຮູບແບບແມ່ນເປືອກສອງຖັນຄົງທີ່ (ແຖບດ້ານຂ້າງ + ຟີດຫຼັກ) ທີ່ມີຕາຂ່າຍຂອງຮູບແຕ້ມອາລະບໍາຮູບສີ່ຫຼ່ຽມມົນ ແລະ ຮູບແທນຕົວຮູບວົງມົນ, ສ້າງການປ່ຽນແປງຈັງຫວະຂອງປະເພດເລຂາຄະນິດ. ອິນເຕີເຟດຫຼີກລ່ຽງການປ່ຽນແປງຄວາມສູງຢ່າງຊັດເຈນ, ໂດຍອີງໃສ່ຄວາມແຕກຕ່າງຂອງພື້ນຜິວທີ່ລະອຽດອ່ອນ (ບັດ #121212 ໃນຜ້າໃບ #000000) ແລະ ປ້າຍໂຄສະນາການໄລ່ສີຂະໜາດໃຫຍ່ອັນດຽວເພື່ອພະລັງງານ. ຜົນໄດ້ຮັບແມ່ນຄວາມຮູ້ສຶກຂອງບູດ DJ: ຂໍ້ມູນໜາແໜ້ນ, ມືດທາງດ້ານສຽງ, ແລະ ພ້ອມທີ່ຈະຫຼິ້ນໄດ້ທັນທີ.
ຮູບແບບສອງຖັນຄົງທີ່ມີແຖບດ້ານຊ້າຍ ("ຫ້ອງສະໝຸດຂອງທ່ານ") ແລະພື້ນທີ່ເນື້ອຫາຫຼັກທີ່ຕອບສະໜອງໄດ້. ແຖບດ້ານເທິງແມ່ນແຖບສີດຳທີ່ມີຄວາມກວ້າງເຕັມທີ່ມີການຄົ້ນຫາຢູ່ເບື້ອງຊ້າຍ ແລະ ການກະທຳຂອງບັນຊີຢູ່ເບື້ອງຂວາ. ເນື້ອຫາຫຼັກເລື່ອນຕາມແນວຕັ້ງ, ດ້ວຍຮູບຊົງໝູນວຽນຂອງບັດຕາມແນວນອນ - ເພງທີ່ນິຍົມໃນຕາຂ່າຍສີ່ຫຼ່ຽມ 5 ຖັນ, ນັກສິລະປິນທີ່ນິຍົມໃນຕາຂ່າຍວົງມົນ 5 ຖັນ, ແລະ ອາລະບໍາ/ຊິງເກີ້ນທີ່ນິຍົມສືບຕໍ່ຮູບແບບນີ້. ໄລຍະຫ່າງລະຫວ່າງພາກສ່ວນຕ່າງໆແມ່ນກະທັດຮັດ (32 ຊມ). ປ້າຍໂຄສະນາດ້ານລຸ່ມຖືກຍຶດໄວ້ທາງລຸ່ມຂອງວິວພອດ. ການນຳທາງແມ່ນຈັດການຜ່ານແຖບດ້ານເທິງ ແລະ ແຖບດ້ານຂ້າງເທົ່ານັ້ນ - ບໍ່ມີເມນູໃຫຍ່ ຫຼື ເຂົ້າຈີ່. ຈັງຫວະສະຫຼັບກັນ: ບັດສີ່ຫຼ່ຽມ → ບັດກົມ → ບັດສີ່ຫຼ່ຽມ, ສ້າງຄວາມແຕກຕ່າງທາງເລຂາຄະນິດລະຫວ່າງພາກສ່ວນຕ່າງໆ.
ໜ້າປົກອາລະບໍາ ແລະ ຮູບຖ່າຍຂອງສິລະປິນແມ່ນເນື້ອໃນທີ່ເບິ່ງເຫັນໄດ້ຫຼັກ. ໜ້າປົກຖືກນຳສະເໜີເປັນຊິ້ນສ່ວນສີ່ຫຼ່ຽມມົນໜາແໜ້ນ (ອັດຕາສ່ວນ 1:1) ທີ່ມີລັດສະໝີ 6px—ຄົມຊັດພຽງພໍທີ່ຈະເບິ່ງຄືກັບບັນນາທິການ ແຕ່ອ່ອນນຸ້ມພຽງພໍທີ່ຈະທັນສະໄໝ. ຮູບຖ່າຍຂອງສິລະປິນແມ່ນຊິ້ນສ່ວນຮູບວົງມົນ, ເນັ້ນໃສ່ໃບໜ້າເປັນຕົວລະບຸ. ອິນເຕີເຟດຫຼັກບໍ່ມີຮູບພາບຕົກແຕ່ງ, ຮູບພາບວິຖີຊີວິດ, ຫຼື ຮູບພາບທີ່ບໍ່ມີຕົວຕົນ. ອົງປະກອບທີ່ເບິ່ງເຫັນໄດ້ທີ່ບໍ່ແມ່ນຮູບພາບແມ່ນປ້າຍໂຄສະນາການໄລ່ສີສີມ່ວງຫາສີຟ້າຢູ່ທາງລຸ່ມ, ເຊິ່ງເປັນອົງປະກອບດຽວຂອງສີຂອງຍີ່ຫໍ້. ຮູບສັນຍາລັກແມ່ນແບບມິນິມາລິສ, ເປັນເສັ້ນດຽວ, ສີຂາວຢູ່ເທິງພື້ນຫຼັງສີເຂັ້ມ—ຂະໜາດນ້ອຍ ແລະ ໃຊ້ງານໄດ້ດີ, ບໍ່ເຄີຍຕົກແຕ່ງ.
ພາເລັດ
ຍີ່ຫໍ້
- Spotify Green
#1ed760— ສີຂຽວຖືກໃຊ້ເປັນສີເສີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນໃສ່ຄຳຖາມຄົ້ນຫາທີ່ບໍ່ຄ່ອຍໃຊ້. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ.
ເປັນກາງ
- Pure White
#ffffff— ພື້ນຜິວຮອງຮັບທີ່ມີສີອ່ອນສຳລັບສ້າງພື້ນຫຼັງທີ່ບໍ່ລົບກວນ ແລະ ແຍກສ່ວນຕ່າງໆອອກ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການກະທຳ. - Signal Red
#b85850— ສີແດງເປັນສີເສີມສຳລັບລາຍລະອຽດການຕົກແຕ່ງ ແລະ ເພື່ອເນັ້ນສີທີ່ບໍ່ຄ່ອຍພົບເຫັນ. ໃຊ້ມັນເປັນສີເສີມ, ບໍ່ແມ່ນສີທີ່ສະແດງເຖິງຖານະ. - Void Black
#000000— ຜ້າໃບໜ້າ, ພື້ນຫຼັງການນຳທາງດ້ານເທິງ, ຊັ້ນໜ້າດິນທີ່ເລິກທີ່ສຸດ - Carbon
#121212— ໜ້າດິນກະດາດແຂງ, ແຜງດ້ານຂ້າງ, ຊັ້ນໜ້າດິນສຳຮອງທັບຜ້າໃບ - Graphite
#1f1f1f— ພື້ນຜິວທີ່ຍົກຂຶ້ນ - ສະຖານະເລື່ອນເມົ້າ, ຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນ, ອົງປະກອບການນຳທາງທີ່ເລືອກ. - Smoke
#292929— ພື້ນຫຼັງການນຳທາງທີ່ໃຊ້ງານຢູ່, ຜົນກະທົບຈາກແສງໄຟເລັກນ້ອຍ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 11 ຫາ 24px · 4 ຂັ້ນຕອນ
- SpotifyMixUI — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 600, 700 · ເນື້ອຫາ, ການນຳທາງ, ປຸ່ມ, ຂໍ້ມູນເມຕາ, ຄຳບັນຍາຍຂະໜາດນ້ອຍ—ການອອກແບບທີ່ກະທັດຮັດ ແລະ ອຸດົມສົມບູນດ້ວຍຂໍ້ມູນທີ່ຖືກອອກແບບມາໃຫ້ມີຄວາມລະອຽດອ່ອນ, ຊ່ວຍໃຫ້ອົງປະກອບທາງສິລະປະສາມາດເດັ່ນຊັດໄດ້.
- SpotifyMixUITitle — ການທົດແທນ: Inter weight 700 · ໂຄງຮ່າງ 700 · ຫົວຂໍ້ພາກສ່ວນ ("ເພງຍອດນິຍົມ," "ນັກສິລະປິນຍອດນິຍົມ") - ຕົວອັກສອນທີ່ໜາ ແລະ ຂະໜາດປານກາງເຮັດໃຫ້ຫົວຂໍ້ໂດດເດັ່ນໂດຍບໍ່ຕ້ອງເຮັດໃຫ້ຕາໜ່າງບັດໂຫຼດເກີນໄປ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໜາແໜ້ນ |
| ຂັ້ນຕອນພື້ນຖານ | 8-12px |
| ລັດສະໝີປຸ່ມ | 9999px |
| ລັດສະໝີບັດ | 6px |
| ເງົາ | ໜ້ອຍທີ່ສຸດ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 32-48px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Spotify ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Resend — ກຳແພງກຳມະຫຍີສີດຳປະສົມສີມ່ວງນີອອນ
- Neon — ຫ້ອງເຊີບເວີຫຼັງຈາກມືດແລ້ວ. ຄວາມມືດບໍລິສຸດ, ບ່ອນທີ່ມີແສງສະຫວ່າງພຽງຢ່າງດຽວມາຈາກຂໍ້ມູນ ແລະ ການໂຕ້ຕອບຂອງຜູ້ໃຊ້.
- Discord — ໂລກຂອງເກມຖືກຊ່ອນຢູ່ຫລັງໜ້າຕ່າງສົນທະນາແບບປັອບອັບ - ແຕ່ລະພາກສ່ວນແມ່ນສະພາບແວດລ້ອມທີ່ມີໄຟສ່ອງສະຫວ່າງ ແລະ ຕົວລະຄອນຂອງຕົນເອງ.
- Idle Finance — ພື້ນການຄ້າທີ່ມີໄຟນີອອນຂອງທ່າເຮືອທະເລເລິກແມ່ນທ່າເຮືອທີ່ມືດມົວບ່ອນທີ່ແສງສີຟ້າດວງດຽວສ່ອງຜ່ານຄວາມມືດມົວ.
- Midjourney — ສະຖານີທີ່ສ່ອງແສງໄດ້ຢ່າງມີຊີວິດຊີວາໃນມະຫາສະໝຸດເລິກ. ໂລກທະເລເລິກບ່ອນທີ່ຄວາມສະຫຼາດສ້າງຕົວມັນເອງດ້ວຍສາຍຕາໃນກະແສ ASCII, ແລະການຄວບຄຸມປະກົດເປັນຮູບແບບທີ່ສ່ອງແສງອ່ອນໆ.
- Netflix — ຊັ້ນວາງດິຈິຕອນທີ່ບໍ່ມີຂອບເຂດ. ປະສົບການແບບໂຮງໜັງທີ່ຫໍສະໝຸດເນື້ອຫາທີ່ບໍ່ມີຂອບເຂດຖືກນຳສະເໜີໃນພື້ນຫຼັງທີ່ມືດມົວຄືກັບໂຮງໜັງ.
- Wope — Wope ເປັນໜ້າຈໍສະແດງພາບສີມ່ວງຂອງຂອບຟ້າ. ລອງນຶກພາບໂຕະຫໍສັງເກດການສີດຳທີ່ມີແສງສີມ່ວງສ່ອງອອກມາຈາກໃຕ້ແກ້ວ.
- basement — ເຄື່ອງພິມທີ່ຫວ່າງເປົ່າໃນເວລາ 3 ໂມງເຊົ້າ - ຕົວອັກສອນຂະໜາດໃຫຍ່ທີ່ຖືກບີບອັດກະຈາຍໄປທົ່ວສີດຳສະນິດ, ແສງສີສົ້ມອ່ອນໆຢູ່ແຖບນຳທາງ, ທຸກຢ່າງນອກນັ້ນເປັນສີຂາວ ຫຼື ສີເທົາມືດ.
- Ori — ຫ້ອງເຊີບເວີໃນເວລາທ່ຽງຄືນແມ່ນຊ່ອງວ່າງສີດຳ, ໄຟສີຂາວ, ເປີດຢູ່ສະວິດດຽວ.
- Amaterasu — ສະຖານທີ່ສັກສິດຂອງ Celestial Turquoise
- Stink Studios — ສະຕູດິໂອຖ່າຍຮູບເງົາຕອນທ່ຽງຄືນ - ເຄື່ອງສາຍຮູບເງົາດັງຂຶ້ນ, ຫ້ອງມືດ, ມີແຕ່ຮູບເງົາເທົ່ານັ້ນທີ່ເປີດໄຟ
- Obsidian — ບ່ອນເກັບມ້ຽນຄວາມຮູ້ທີ່ເປັນຮູບຜລຶກ. ພື້ນທີ່ດິຈິຕອນທີ່ຈະແຈ້ງ ແລະ ຫຼາຍດ້ານທີ່ຖືກອອກແບບມາເພື່ອຄວາມຊັດເຈນ ແລະ ການສຸມໃສ່, ດ້ວຍເສັ້ນສີມ່ວງທີ່ສະຫວ່າງສະໄຫວຂອງການໂຕ້ຕອບ.