Dub
ແຜງຄວບຄຸມເຈ້ຍເຂົ້າດ້ານຂອງ Link
ລະບົບສາຍຕາຂອງ Dub ມີຄວາມງາມແບບ SaaS ທີ່ຈຳກັດ ແລະ ເກືອບຄືກັບບັນນາທິການ: ຜ້າໃບເກືອບຂາວທີ່ຜູກມັດກັນດ້ວຍຂອບບາງໆແທນທີ່ຈະເປັນອົງປະກອບທີ່ຍື່ນອອກມາ, ດ້ວຍຕົວອັກສອນສີດຽວທີ່ໜາແໜ້ນໃຫ້ການສະໜັບສະໜູນໂຄງສ້າງ ແລະ ສີຟ້າສົດໃສດຽວ (#2563eb) ເຮັດໃຫ້ເກີດຄວາມໂດດເດັ່ນ. ພື້ນຜິວຍັງຄົງຮາບພຽງ ແລະ ບໍ່ມີກອບໃນຕອນທຳອິດ, ແຕ່ແຕ່ລະພາຊະນະມີຂອບ 1px #e5e5e5, ເຮັດໃຫ້ນຶກເຖິງຄວາມຮູ້ສຶກຂອງເອກະສານທີ່ພິມອອກ. ບຸກຄະລິກກະພາບແມ່ນບັນລຸໄດ້ຜ່ານຊຸດນ້ອຍໆຂອງການເນັ້ນສີ "ຢາເມັດ" (ສີສົ້ມ, ສີຂຽວ, ສີມ່ວງ) ທີ່ລອຍຢູ່ເທິງແຜ່ນສີທີ່ເປັນກາງ, ແລະຫົວຂໍ້ທີ່ຮູ້ສຶກໝັ້ນໃຈ ແລະ ທັນສະໄໝໂດຍບໍ່ມີຄວາມໂດດເດັ່ນ. ອົງປະກອບຕ່າງໆແມ່ນກະທັດຮັດ ແລະ ໜາແໜ້ນ: ຮ່ອງລະບາຍນ້ຳ 8px, ລັດສະໝີບັດ 12px, ປ້າຍຮູບຢາເມັດທີ່ 9999px, ແລະ ຕົວຄວບຄຸມທີ່ເບິ່ງບໍ່ເຫັນແທນທີ່ຈະເປັນປຸ່ມໜັກ ແລະ ເຕັມ.
ໜ້າເວັບນີ້ຖືກສ້າງຂຶ້ນໃນຮູບແບບທີ່ຢູ່ໃຈກາງທີ່ມີຄວາມກວ້າງສູງສຸດປະມານ 1200px. ອົງປະກອບຫຼັກແມ່ນບລັອກຂໍ້ຄວາມທີ່ຢູ່ໃຈກາງທີ່ມີອົງປະກອບລອຍຢູ່ສາມອົງປະກອບ (ໂປຣແກຣມ Affiliate, Conversion Analytics, Short Links) ຕັ້ງຢູ່ຕາມແນວນອນຢູ່ເທິງຮູບແບບຜະລິດຕະພັນຂະໜາດໃຫຍ່. ພາກສ່ວນຕ່າງໆຖືກຈັດລຽງຕາມແນວຕັ້ງດ້ວຍຮ່ອງນ້ຳ 64px ທີ່ສອດຄ່ອງກັນ, ສະຫຼັບກັນລະຫວ່າງຜ້າໃບສີຂາວ ແລະ ເຈ້ຍ #f5f5f5 ສຳລັບການແຍກໂທນສີ. ສ່ວນລຸ່ມໃຊ້ຮູບແບບຮູບຕົວ Z: ຂໍ້ຄວາມບັນນາທິການຢູ່ໃຈກາງໃນສ່ວນກາງ, ແລະ ບັດ UI ທີ່ລອຍຢູ່ແມ່ນຕິດກັບຂອບຊ້າຍ ແລະ ຂວາ, ສ້າງຈັງຫວະທີ່ບໍ່ສະເໝີກັນ, ຄ້າຍຄືວາລະສານ. ໂລໂກ້ຄລາວແມ່ນຕາຂ່າຍໄຟຟ້າ 5x2 ງ່າຍໆ, ຢູ່ໃຈກາງໜ້າເວັບ. ການນຳທາງແມ່ນແຖບດ້ານເທິງແບບ minimalist - ໂລໂກ້ຢູ່ເບື້ອງຊ້າຍ, ການນຳທາງຢູ່ໃຈກາງ, ກຸ່ມປຸ່ມສອງປຸ່ມ (ປຸ່ມ "ເຂົ້າສູ່ລະບົບ" ຜີ + ປຸ່ມ "ລົງທະບຽນ" ທີ່ເຕັມ) ຢູ່ເບື້ອງຂວາ - ໂດຍບໍ່ມີເມນູຄົງທີ່ ຫຼື ເມນູຂະໜາດໃຫຍ່. ຮູບແບບແຜງຄວບຄຸມຂອງໜ້າຕ່າງຫຼັກສະແດງໃຫ້ເຫັນຮູບແບບແອັບສອງຖັນແບບຄລາສສິກຄື: ແຖບດ້ານຂ້າງຄົງທີ່ (ຄ້າຍຄືກັບ 240px) + ພື້ນທີ່ເນື້ອຫາທີ່ກຳນົດຄວາມໜາແໜ້ນຂອງຂໍ້ມູນຜະລິດຕະພັນສຳລັບຜູ້ມາຢ້ຽມຊົມກ່ອນທີ່ພວກເຂົາຈະເລີ່ມເລື່ອນລົງ.
ຮູບພາບແມ່ນເນັ້ນໃສ່ຜະລິດຕະພັນ, ບໍ່ແມ່ນເນັ້ນໃສ່ວິຖີຊີວິດ. ໜ້າຈໍຫຼັກແມ່ນຢູ່ໃຈກາງຂອງພາບໜ້າຈໍ dashboard ຂະໜາດໃຫຍ່, ເຊິ່ງເປັນຕົວແທນຂອງ mockup ຜະລິດຕະພັນໃນໂລກຕົວຈິງທີ່ມີການນຳທາງແຖບຂ້າງ, ຕາຕະລາງຂໍ້ມູນ, ແລະອົງປະກອບ UI ທີ່ລອຍຢູ່, ວາງອອກເປັນແຜງຮາບພຽງຢູ່ເທິງຜ້າໃບສີຂາວ. ໂລໂກ້ລູກຄ້າຖືກສະແດງຢູ່ໃນຕາຂ່າຍສີເທົາທີ່ບໍ່ອີ່ມຕົວ (beehiv, superpower, Chatbase, ແລະອື່ນໆ) ເພື່ອຮັບຮູ້ປະສິດທິພາບສື່ສັງຄົມຂອງເຂົາເຈົ້າ, ບໍ່ມີສີເພື່ອໃຫ້ສີຟ້າດຽວຂອງໜ້າຍັງຄົງໂດດເດັ່ນ. ບັດຄູ່ຮ່ວມງານທີ່ລອຍຢູ່ (ໂປຣໄຟລ໌ຂະໜາດນ້ອຍ ແລະ ກະເບື້ອງທີ່ມີຂໍ້ມູນລາຍຮັບ/ການຈ່າຍເງິນ) ເຄື່ອນຍ້າຍໄປມາອ້ອມບລັອກຂໍ້ຄວາມບັນນາທິການຢູ່ດ້ານລຸ່ມ, ສ້າງຄວາມຮູ້ສຶກຂອງຄວາມເລິກໂດຍບໍ່ຕ້ອງໃຊ້ເງົາໃນຕົວຂໍ້ຄວາມເອງ. ຮູບແບບພື້ນຫຼັງຕາຂ່າຍຈຸດແມ່ນຄຸນສົມບັດທີ່ໂດດເດັ່ນ: ແຖວຈຸດນ້ອຍໆບາງໆທີ່ມີຄວາມໂປ່ງໃສຕ່ຳຫຼາຍສ້າງໂຄງສ້າງ ແລະ ຄວາມຮູ້ສຶກຂອງລະບົບການອອກແບບ/ພື້ນຜິວການແຕ້ມຮູບ, ເນັ້ນໃສ່ຕຳແໜ່ງຂອງເວັບໄຊທ໌ເປັນ "ແພລດຟອມການລະບຸລິ້ງທີ່ທັນສະໄໝ." ຮູບສັນຍາລັກແມ່ນມີໜ້ອຍທີ່ສຸດ, ມີໂຄງຮ່າງ ແລະ ການຕື່ມ, ແລະ ໃຊ້ແຜ່ນສີ (ສີສົ້ມສົ້ມ, ສີມ່ວງລາເວນເດີ, ສີຂຽວມິນ) ສຳລັບແທັກຄຸນສົມບັດ. ບໍ່ມີການໃຊ້ຮູບຖ່າຍ, ພາບປະກອບ ຫຼື ຮູບແບບ 3D - ອິນເຕີເຟດຜູ້ໃຊ້ຂອງຜະລິດຕະພັນເອງແມ່ນພາສາທີ່ເບິ່ງເຫັນໄດ້.
ພາເລັດ
ຍີ່ຫໍ້
- Electric Blue
#2563eb— ສີຫຼັກຂອງຍີ່ຫໍ້ - ໂລໂກ້, ລິ້ງ, ຕົວຊີ້ບອກປະສິດທິພາບຫຼັກ, ສະຖານະທີ່ໃຊ້ງານ, ແລະ ການເນັ້ນຮູບສັນຍາລັກ - ຖືກນໍາໃຊ້. ສີຟ້າເຂັ້ມເທິງພື້ນຫຼັງສີຂາວສ້າງຄວາມດຶງດູດໃຈທາງສາຍຕາພຽງຢ່າງດຽວຂອງລະບົບ. - Deep Sapphire
#1e40af— ພື້ນຫຼັງຫຼັກຂອງປຸ່ມການກະທຳ, ການຕື່ມສີທີ່ເຂັ້ມຂອງການຮຽກຮ້ອງໃຫ້ມີການກະທຳ - ສີດຽວທີ່ສະແດງເຖິງການກະທຳ - ຖືກນໍາໃຊ້ຢ່າງລະມັດລະວັງເພື່ອດຶງດູດຄວາມສົນໃຈ.
ເປັນກາງ
- Canvas White
#ffffff— ພື້ນຫຼັງໜ້າ, ໜ້າດິນບັດ, ແຜງປັອບອັບ ແມ່ນພື້ນຖານທີ່ແທ້ຈິງຂອງທຸກໆໜ້າຈໍ. - Paper Mist
#f5f5f5— ການປ່ຽນແປງສີເລັກນ້ອຍເມື່ອເລື່ອນເມົ້າໄປເທິງບັດທີ່ຊ້ອນກັນ, ແຜງເພີ່ມເຕີມ, ແລະ ການຕື່ມສີ. - Ash
#e5e5e5— ຂອບບາງໆຢູ່ເທິງບັດ, ຕົວເຊື່ອມຕໍ່ອິນພຸດ ແລະ ຕົວແບ່ງແມ່ນເສັ້ນໂຄງສ້າງທີ່ຍຶດລະບົບໄວ້ນຳກັນ. - Smoke
#d4d4d4— ຂອບທີ່ຄົມຊັດກວ່າສຳລັບຕູ້ຄອນເທນເນີທີ່ເລືອກ ແລະ ໂຄງຮ່າງປຸ່ມເພີ່ມເຕີມ. - Pebble
#c8c8c8— ຂອບ, ໂຄງຮ່າງການຄວບຄຸມ, ແລະ ຕົວແບ່ງໂຄງສ້າງທີ່ມີຄວາມຄົມຊັດປານກາງ. ສີນີ້ບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ. - Midnight Ink
#0a0a0a— ຂໍ້ຄວາມຫຼັກຂອງປຸ່ມ, ປຸ່ມທີ່ເນັ້ນໃຫ້ເຫັນ, ແລະຂໍ້ຄວາມນຳທາງເກືອບຈະເປັນສີດຳເພື່ອຄວາມຄົມຊັດສູງສຸດ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 11 ຫາ 48px · 9 ຂັ້ນຕອນ
- Satoshi — ການທົດແທນ: Inter (weight 500 · ໂຄງຮ່າງ 500 · ຫົວຂໍ້ສະແດງ - ໃຊ້ສະເພາະໃນແຖວ 36–48px ສຳລັບຫົວຂໍ້ ແລະ ຫົວຂໍ້ພາກສ່ວນ. ນ້ຳໜັກຕົວອັກສອນ - 500 (ປານກາງ, ບໍ່ແມ່ນຕົວໜາ): ຫົວຂໍ້ເບິ່ງຄືວ່າໝັ້ນໃຈ ແລະ ທັນສະໄໝ, ແຕ່ບໍ່ເຄີຍມີອຳນາດເກີນໄປ. ສັດສ່ວນເລຂາຄະນິດຂອງ Satoshi ເຮັດໃຫ້ຕົວອັກສອນມີຄວາມຮູ້ສຶກທາງດ້ານບັນນາທິການ ແລະ ທັນສະໄໝເລັກນ້ອຍ ເຊິ່ງສຳເນົາເນື້ອຫາຂອງ Inter ບໍ່ສາມາດສຳເນົາໄດ້.
- Inter — ການທົດແທນ: Inter (native) · ໂຄງຮ່າງ 400, 500, 600 · ສຳເນົາເນື້ອຫາ, ປ້າຍ UI, ການນຳທາງ, ຫົວຂໍ້ຍ່ອຍ, ແລະຫົວຂໍ້ຍ່ອຍ. Inter ແມ່ນຕົວເຮັດວຽກຫຼັກ, ຈັດການທຸກຢ່າງຕັ້ງແຕ່ປ້າຍຂະໜາດນ້ອຍ 11px ຈົນເຖິງຫົວຂໍ້ສຳຮອງ 30px. ນ້ຳໜັກ 400 ແມ່ນຄ່າເລີ່ມຕົ້ນສຳລັບສຳເນົາເນື້ອຫາ, 500 ສຳລັບອົງປະກອບທີ່ເນັ້ນ ແລະ ປ້າຍປຸ່ມ, ແລະ 600 ແມ່ນສະຫງວນໄວ້ສຳລັບປ້າຍ UI ທີ່ສຳຄັນ. 16px ທີ່ມີຄວາມສູງຂອງເສັ້ນ 1.5 ແມ່ນຂະໜາດຂັ້ນຕອນດຽວທີ່ພົບເລື້ອຍທີ່ສຸດ (1220 ຄັ້ງ), ຢືນຢັນວ່າ 16px ແມ່ນຂະໜາດສຳເນົາເນື້ອຫາມາດຕະຖານ.
- Geist Mono — ການທົດແທນ: JetBrains Mono or IBM Plex Mono · ໂຄງຮ່າງ 400, 500 · ສ່ວນລະຫັດ, ຂໍ້ມູນທາງເທັກນິກ, ແລະໂທເຄັນທີ່ມີຊ່ອງດຽວທີ່ຝັງຢູ່ໃນນັ້ນຖືກນຳໃຊ້ໃນບລັອກລະຫັດທີ່ 12–14px ແລະ ໃນອົງປະກອບສະແດງລະຫັດຂະໜາດໃຫຍ່ທີ່ 24px. ສິ່ງນີ້ຮັບປະກັນຄວາມໜ້າເຊື່ອຖືຂອງເຄື່ອງມືນັກພັດທະນາ, ສອດຄ່ອງກັບການວາງຕຳແໜ່ງຜະລິດຕະພັນຂອງ Dub.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 8px |
| ລັດສະໝີປຸ່ມ | 8px |
| ລັດສະໝີບັດ | 12px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 64px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Dub ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- ElevenLabs — ບົດຂຽນຮູບພາບໃນໂທນສີຄຣີມອຸ່ນໆພ້ອມດ້ວຍຫົວຂໍ້ຂ່າວທີ່ລະອຽດອ່ອນ. ປື້ມບັນທຶກແບບ Bauhaus—ເຈ້ຍສີເປືອກໄຂ່, ໝຶກສີດຳ, ແລະສີມ່ວງ ແລະ ສີສົ້ມດຽວສຳລັບວາງສະແດງຜະລິດຕະພັນ.
- Awesomic — ຕາໜ່າງສັງກະສີບັນນາທິການທີ່ມີເຄື່ອງໝາຍວັກຕອນສີສົ້ມເຮັດໃຫ້ນຶກເຖິງເຈ້ຍປິວຕີ້
- Monad — ວາລະສານດ້ານວິຊາການກ່ຽວກັບເຈ້ຍ parchment ອຸ່ນ
- Seline Analytics — ໂຕະວິເຄາະທີ່ງຽບສະຫງົບຢູ່ເທິງເຈ້ຍອຸ່ນໆ
- Notion — ປື້ມບັນທຶກເຈ້ຍອຸ່ນໆໃນແສງແດດທ່ຽງວັນ
- Anthropic — ວາລະສານວິທະຍາສາດພາກສະໜາມກ່ຽວກັບຜ້າໜັງແກະອຸ່ນໆ—ໜ້າຜິວງາຊ້າງທີ່ສະຫງົບ, ຫົວຂໍ້ບັນນາທິການທີ່ມີລວດລາຍ, ແລະ ການເນັ້ນສີດິນເຜົາດຽວທີ່ປາກົດຂຶ້ນເມື່ອຕ້ອງການການປະຕິບັດເທົ່ານັ້ນ.
- Calendly — ນໍ້າມຶກສີຟ້າເຂັ້ມເທິງຫິນອ່ອນເຢັນ
- Augen Pro — ການນຳສະເໜີສີຂາວຂອງ Apple ມີສີຟ້າໄຟຟ້າທີ່ມີນ້ຳໜັກເບົາ ແລະ ເປັນສີທຳມະດາເປັນຈຸດເດັ່ນໃນພື້ນທີ່ສີຂາວດຽວ.
- Antimetal — ບັນທຶກເຫດການໃນເຈ້ຍສີຄີມ - ຕອນເຊົ້າທີ່ງຽບສະຫງົບຢູ່ວາລະສານວິທະຍາສາດ, ບ່ອນທີ່ຄວາມຍັບຍັ້ງສະແດງຄວາມໝັ້ນໃຈ ແລະ ຮອຍຂີດຂ່ວນເຮັດໃຫ້ເກີດຄວາມໜັກໜ່ວງ
- Perk — ປູນຂາວໄຟຟ້າໃສ່ເຈ້ຍ parchment ອຸ່ນໆ
- Ditto — ກອງປະຊຸມທີ່ມີແສງແດດສ່ອງເຖິງການສ້າງຕົວຢ່າງດອກໄມ້ປ່າ. ພື້ນຜິວສີຄຣີມອຸ່ນ, ສີພື້ນຖານສີເຫຼືອງສົດໃສ, ນໍ້າມຶກສີຟ້າເຂັ້ມ, ຮູບແບບສີອໍແກນິກທີ່ເບັ່ງບານຢູ່ທາງຫຼັງຊິ້ນສ່ວນ.
- Officevibe — ວາລະສານບັນນາທິການທີ່ຂຽນດ້ວຍເຈ້ຍສີຄຣີມອຸ່ນໆ. ລອງນຶກພາບເຖິງບົດຂຽນທີ່ຄິດເຖິງກ່ຽວກັບການຄຸ້ມຄອງຊັບພະຍາກອນມະນຸດ, ນຳສະເໜີເປັນຜະລິດຕະພັນ - ຕົວອັກສອນຕົວຫຍໍ້ serif ທີ່ກະຊິບຜ່ານອິນເຕີເຟດສີຟ້າທີ່ທັນສະໄໝ.