Authkit
ວິຫານແກ້ວ Frosted ໃນເວລາທ່ຽງຄືນ
AuthKit ສ້າງຄວາມງາມໃນການນຳສະເໜີຜະລິດຕະພັນໃນຕອນກາງຄືນ: ຜ້າໃບສີດຳເກືອບດຳທີ່ມີໜ້າຜິວກະຈົກ, ຕາຂ່າຍໄຟຟ້າທີ່ມີເສັ້ນທີ່ເບິ່ງບໍ່ເຫັນ, ແລະຕົວໜັງສືທີ່ເຫຼື້ອມເປັນເງົາທີ່ປະກົດຂຶ້ນໂດຍຊັ້ນກະຈົກ. ຕົວໜັງສືເກືອບທັງໝົດແມ່ນສີຂາວທຽບກັບພື້ນຫຼັງສີເຂັ້ມ, ໂດຍມີສີມ່ວງສົດໃສອັນດຽວເປັນອົງປະກອບທີ່ໃຊ້ງານໄດ້ພຽງຢ່າງດຽວ - ໜ້າຜິວໂຕ້ຕອບແຕ່ລະອັນມີເສັ້ນອ່ອນໆ ແລະ ບາງໆຂອງສີຟ້າ-ຂາວເຢັນແທນທີ່ຈະເປັນກອບແຂງ. ອົງປະກອບຕ່າງໆຖືກຈັດລຽງຢູ່ໃນຊັ້ນໂປ່ງໃສ, ຊັ້ນເທິງແສງອ້ອມຂ້າງ, ແລະບັດປະກົດຂຶ້ນເປັນແຜ່ນແກ້ວທີ່ເຫຼື້ອມເປັນເງົາຈາກດ້ານລຸ່ມ, ແທນທີ່ຈະເປັນແຜງເຈ້ຍ. ໄລຍະຫ່າງມີຂະໜາດໃຫຍ່ ແລະ ເປັນຈັງຫວະ; ອົງປະກອບຫຼັກແມ່ນໂລໂກ້ທີ່ເຫຼື້ອມເປັນເງົາດຽວທີ່ກວມເອົາຄວາມກວ້າງທັງໝົດຂອງໜ້າ, ລ້ອມຮອບດ້ວຍບັດແກ້ວລອຍ, ແທນທີ່ຈະເປັນຮູບແບບແບ່ງໜ້າຈໍແບບດັ້ງເດີມ.
ຜ້າໃບສີເຂັ້ມທີ່ມີຄວາມກວ້າງເຕັມທີ່ມີກ່ອງເນື້ອຫາຢູ່ໃຈກາງ, ກວ້າງສູງສຸດ 1200px. ອົງປະກອບຫຼັກແມ່ນໂລໂກ້ດຽວ, ຢູ່ໃຈກາງ, ມີແສງສະຫວ່າງ ("AuthKit" ໃນຕົວອັກສອນ gradient) ຢູ່ລຸ່ມຂໍ້ຄວາມຮູບຄິ້ວຂະໜາດນ້ອຍ, ຢູ່ທາງຫຼັງ/ຢູ່ລຸ່ມບັດແກ້ວລອຍສາມໃບທີ່ມີຮູບແບບການເຂົ້າສູ່ລະບົບຢູ່ດ້ານນອກ (ບັດຊ້າຍອຽງຊ້າຍ, ບັດກາງຂະຫຍາຍໃຫຍ່ສຸດ, ບັດຂວາອຽງຂວາ). ຕົວສະຫຼັບຮູບແບບສີອ່ອນ/ມືດຢູ່ໃຈກາງຢູ່ໃຕ້ອົງປະກອບຫຼັກ. ແຖວຄຸນສົມບັດແມ່ນເສັ້ນເວລາອອກຕາມລວງນອນຂອງ 6 ໄອຄອນທີ່ມີເສັ້ນເຊື່ອມຕໍ່ບາງໆລະຫວ່າງໄອຄອນວົງມົນ. ຈັງຫວະຂອງພາກສ່ວນ: ແຕ່ລະພາກສ່ວນເລີ່ມຕົ້ນດ້ວຍຂໍ້ຄວາມຮູບຄິ້ວຢູ່ໃຈກາງທີ່ມີເສັ້ນນອນທີ່ຈາງລົງ, ຕາມດ້ວຍຫົວຂໍ້ຂະໜາດໃຫຍ່ຢູ່ໃຈກາງ (44-48px), ຕາມດ້ວຍສຳເນົາເນື້ອຫາທີ່ມີສຽງດຽວ (16-18px), ຄວາມກວ້າງສູງສຸດ ~640px. ພາກສ່ວນປັບແຕ່ງສະແດງຮູບແບບຈຳລອງຂອງໜ້າຕ່າງໂປຣແກຣມທ່ອງເວັບທີ່ມີບັດເຂົ້າສູ່ລະບົບຢູ່ໃຈກາງລ້ອມຮອບດ້ວຍແຜງຕົວກວດສອບ UI ທີ່ລອຍຢູ່ (ແຜ່ນສີ, ຕົວເລື່ອນລັດສະໝີ, ຕົວເລືອກໄອຄອນໂລໂກ້, ຊ່ອງຂໍ້ຄວາມປຸ່ມ, ຊ່ອງພື້ນຫຼັງໜ້າ) ທີ່ຕັ້ງຢູ່ມຸມຂອງຜ້າໃບ, ຄືກັບພື້ນທີ່ເຮັດວຽກຂອງເຄື່ອງມືອອກແບບ.
ການອອກແບບທີ່ເບິ່ງເຫັນໄດ້ຊັດເຈນແມ່ນຖືກຄອບງຳໂດຍຮູບແບບການເຂົ້າສູ່ລະບົບ, ເຊິ່ງສ້າງຂຶ້ນໃນແບບ "ຮູບຮ່າງແກ້ວ" (ຊ່ອງໃສ່ອີເມວ/ລະຫັດຜ່ານ, ປຸ່ມເຂົ້າສູ່ລະບົບສື່ສັງຄົມ, ການໃສ່ລະຫັດທີ່ບໍ່ມີລະຫັດຜ່ານ), ນຳສະເໜີເປັນບັດທີ່ລອຍຢູ່, ໂປ່ງໃສຕໍ່ກັບຜ້າໃບເວລາທ່ຽງຄືນ. ຮູບສັນຍາລັກຄຸນສົມບັດແມ່ນຮູບສັນຍາລັກເສັ້ນຊື່ສີດຽວໃນ #d1e4fa ພາຍໃນກະເບື້ອງຮູບວົງມົນ, ດ້ານ. ຕາຂ່າຍໄຟຟ້າທີ່ລະອຽດອ່ອນ (ເສັ້ນ 1px ໃນ rgba(186,215,247,0.06)) ປົກຄຸມໜ້າທັງໝົດ, ສ້າງບັນຍາກາດ, ໃນຂະນະທີ່ຈຸດເດັ່ນແບບກະຈົກສ່ອງແສງຢູ່ເທິງສຸດຂອງອົງປະກອບຫຼັກ. ບໍ່ມີຮູບພາບ, ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີພາບໜ້າຈໍຜະລິດຕະພັນ - ຕົວຜະລິດຕະພັນເອງແມ່ນອົງປະກອບທີ່ເບິ່ງເຫັນໄດ້ຊັດເຈນ: ຊ່ອງເຂົ້າສູ່ລະບົບທີ່ຈັດລຽງຄືກັບຕົ້ນແບບແກ້ວໃນສະຕູດິໂອມືດ.
ພາເລັດ
ຍີ່ຫໍ້
- Void Violet
#663af3— ສີຫຼັກສຳລັບປຸ່ມຮຽກຮ້ອງໃຫ້ປະຕິບັດ (CTA) ແມ່ນສີສະເພາະທີ່ໃຊ້ສຳລັບປຸ່ມ "ສືບຕໍ່/ສົ່ງ" ພາຍໃນແບບຟອມເຂົ້າສູ່ລະບົບ; ສີມ່ວງສົດໃສຕັດກັບພື້ນຫຼັງເກືອບສີດຳສ້າງຄວາມຮູ້ສຶກຮີບດ່ວນໂດຍບໍ່ລົບກວນໂຄງສີດຽວ.
ເປັນກາງ
- Midnight Canvas
#05060f— ພື້ນຫຼັງຂອງໜ້າ, ໜ້າດິນທີ່ເລິກທີ່ສຸດຂອງບັດ, ການຕື່ມປ້າຍ - ພື້ນຖານເກືອບສີດຳທີ່ທຸກຢ່າງອື່ນໆລອຍຢູ່ເທິງ. - Steel Plate
#2f343e— ພື້ນຜິວທີ່ຍົກຂຶ້ນ, ປຸ່ມການກະທຳແບບ phantom/secondary, ດ້ານຫຼັງຂອງແຜງປິດບັງ. - Fog Veil
#9da7ba— ຂໍ້ຄວາມຫຼັກ, ຂໍ້ຄວາມໃນບັດ, ສາມາດອ່ານໄດ້, ແຕ່ຖືກຫຼຸດລົງເປັນພື້ນຫຼັງເມື່ອທຽບກັບຫົວຂໍ້. - Moon Mist
#c7d3ea— ຂໍ້ຄວາມຫຼັກ, ປ້າຍກຳກັບເພີ່ມເຕີມ, ຂໍ້ຄວາມຊ່ວຍທີ່ປິດສຽງໄວ້ - Frost Glow
#d1e4fa— ສີຕື່ມຫຼັກສຳລັບຂໍ້ຄວາມສ່ວນໂຕ ແລະ ຂໍ້ຄວາມລິ້ງ, ຂໍ້ຄວາມໄອຄອນ, ແລະ ການຕື່ມໄອຄອນແມ່ນພື້ນໜ້າທີ່ເຫຼື້ອມເປັນຄ່າເລີ່ມຕົ້ນ. - Ice Highlight
#d8ecf8— ຂໍ້ຄວາມອ່ອນໆເທິງພື້ນຜິວສີເຂັ້ມ, ປ້າຍກັບຫົວ, ແລະຫົວຂໍ້ຂ່າວທີ່ມີຄວາມຄົມຊັດສູງ. ຢ່າໃຊ້ມັນເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ; ການເລື່ອນສີຫົວຂໍ້ຂ່າວ - ການຫັນປ່ຽນທີ່ລຽບງ່າຍຈາກສີຟ້າອ່ອນໄປຫາສີຟ້າອ່ອນຈາກເທິງຫາລຸ່ມ - ຖືກໃຊ້ໃນໂລໂກ້ AuthKit ແລະຫົວຂໍ້ຂ່າວຫຼັກ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 12 ຫາ 48px · 8 ຂັ້ນຕອນ
- Untitled Sans — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 500, 600, 700 · ຂໍ້ຄວາມຫຼັກ, ອິນເຕີເຟດຜູ້ໃຊ້, ປຸ່ມ, ຊ່ອງປ້ອນຂໍ້ມູນ, ຮູບສັນຍາລັກ, ຫົວຂໍ້ນ້ອຍໆ - ຕົວອັກສອນທົ່ວໄປສຳລັບທຸກຢ່າງທີ່ເປັນປະໂຫຍດ.
- aeonikPro — ການທົດແທນ: Space Grotesk · ໂຄງຮ່າງ 400, 500 · ການສະແດງພຽງແຕ່ຫົວຂໍ້ - ການສ້າງແບຣນ AuthKit, ຫົວຂໍ້ພາກສ່ວນ, ແລະຂໍ້ຄວາມໃນເນື້ອຫາ - ນ້ຳໜັກຕົວອັກສອນ 500 ຈຸດທີ່ 44-48px ເຮັດໃຫ້ການສ້າງແບຣນມີລັກສະນະກວ້າງ ແລະ ລຽບງ່າຍ ແທນທີ່ຈະເປັນການເນັ້ນທີ່ສະຫງ່າງາມ.
- dotDigital — ການທົດແທນ: JetBrains Mono · ໂຄງຮ່າງ 400 · ຂໍ້ຄວາມຕົວພິມໃຫຍ່ທັງໝົດ ("ແນະນຳ," "ອອກແບບທີ່ສາມາດຂະຫຍາຍໄດ້," "ສ່ອງແສງສົດໃສ") - ຂໍ້ຄວາມຕົວພິມໃຫຍ່ທັງໝົດທີ່ມີຊ່ອງຫວ່າງດຽວທີ່ມີໄລຍະຫ່າງ 0.10em ເຮັດໜ້າທີ່ເປັນຕົວແຍກທີ່ຊັດເຈນລະຫວ່າງເນື້ອໃນຂໍ້ຄວາມ ແລະ ຫົວຂໍ້.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ກວ້າງຂວາງ |
| ຂັ້ນຕອນພື້ນຖານ | 16px |
| ລັດສະໝີປຸ່ມ | 999px |
| ລັດສະໝີບັດ | 16px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 120px |
| ຄວາມກວ້າງຂອງໜ້າ | 1200px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Authkit ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Resend — ກຳແພງກຳມະຫຍີສີດຳປະສົມສີມ່ວງນີອອນ
- Gsap — ກະດານຂາວອະນິເມຊັນໃນສະຕູດິໂອອອກແບບ. ຝາຜະໜັງເກືອບສີດຳ, ຊັອກໂກແລັດສີຄຣີມອຸ່ນໆ, ແລະ ປາກກາໝຶກຫ້າສີ — ໜຶ່ງອັນສຳລັບແຕ່ລະສາຂາວິຊາອະນິເມຊັນ.
- Slash — ຫ້ອງໂຖງກາງຄືນທີ່ມີບັນຊີບັນຊີທີ່ເຄືອບດ້ວຍຄຳ
- Raycast — ສູນບັນຊາການທ່ຽງຄືນ, Coral Neon
- Dimension — ໂຕະເຮັດວຽກທີ່ມີແສງສະຫວ່າງໃນຕອນຄ່ຳທີ່ມີແຜງກະຈົກໃສ
- Modal — ສະຖານີສົ່ງແສງຟອສຟໍເຣສເຊັນໃນຫ້ອງເຊີບເວີທີ່ມືດມົວ - ແຫຼ່ງແສງສະຫວ່າງດຽວແມ່ນສີຂຽວສົດໃສ
- Reflect Notes — ອະວະກາດສີມ່ວງທີ່ເຕັມໄປດ້ວຍດວງດາວແມ່ນຫໍສັງເກດການທີ່ມືດມົວບ່ອນທີ່ມີບັນທຶກລອຍຢູ່ຄືກັບກຸ່ມດາວທຽບກັບພື້ນຫຼັງຂອງຄວາມວ່າງເປົ່າສີຄາມເກືອບດຳ.
- LaunchDarkly — ຫ້ອງຄວບຄຸມໄຟນີອອນແມ່ນຫ້ອງຄວບຄຸມທີ່ມືດມົວບ່ອນທີ່ສັນຍານສີມ່ວງກະພິບຜ່ານແຜງສີດຳຄືອາກາດ.
- Ameba — ຫ້ອງຄວບຄຸມໃນເວລາທ່ຽງຄືນ - ກະແສໄຟຟ້າສີຟ້າຢູ່ພາຍໃນແຜງກະຈົກທີ່ມີນ້ຳຕານຂຸ່ນ
- AgentQL — ແສງເໜືອເໜືອເໜືອສະຖານີລົດໄຟໃນຕອນກາງຄືນ
- Neon — ຫ້ອງເຊີບເວີຫຼັງຈາກມືດແລ້ວ. ຄວາມມືດບໍລິສຸດ, ບ່ອນທີ່ມີແສງສະຫວ່າງພຽງຢ່າງດຽວມາຈາກຂໍ້ມູນ ແລະ ການໂຕ້ຕອບຂອງຜູ້ໃຊ້.
- N8n — ເຄື່ອງຈັກເຮັດວຽກໃນເວລາທ່ຽງຄືນ - ຄວາມຮູ້ສຶກຂອງຜ້າໃບອັດຕະໂນມັດໃນເວລາຈິງໃນຫ້ອງເຊີບເວີທີ່ມືດ, ສະຫວ່າງດ້ວຍຕົວຊີ້ບອກສະຖານະ ແລະ ກະແສຂໍ້ມູນ