Auros
ສະຖານີສຸດວິໄສທີ່ມີລູກບານຂໍ້ມູນທີ່ມີແສງສະຫວ່າງທາງຊີວະພາບ
Auros ເຮັດໜ້າທີ່ເປັນສະຖານີ fintech ທີ່ຕັ້ງຢູ່ໃນເຫວເລິກ: ຜ້າໃບສີຟ້າອ່ອນເກືອບດຳທີ່ມີວົງກົມຂໍ້ມູນ bioluminescent ແລະ ການເລື່ອນສີອ່ອນໆຈາກສີຟ້າອ່ອນໄປຫາສີບົວ, ສ້າງຄວາມຮູ້ສຶກຂອງຄວາມເລິກ, ຄວາມຄ່ອງແຄ້ວ, ແລະ ການໄຫຼ. ອິນເຕີເຟດແມ່ນ minimalist ແລະ cinematic, ອີງໃສ່ຈໍສະແດງຜົນຂອງຜູ້ໃຊ້ດຽວ (Matter) ທີ່ມີຄວາມໜາປານກາງດ້ວຍການຕິດຕາມທາງລົບທີ່ຮຸນແຮງເພື່ອສ້າງຂະໜາດໂດຍບໍ່ມີສີສັນສົດໃສເກີນໄປ. ສີຕ່າງໆຖືກແຈກຢາຍຢ່າງເທົ່າທຽມກັນ - ສີຂາວ ແລະ ສີເງິນທີ່ບໍ່ມີສີຖືກນຳໃຊ້ສຳລັບເນື້ອຫາເກືອບທັງໝົດ, ໃນຂະນະທີ່ແຜ່ນສີແມ່ນສະຫງວນໄວ້ສຳລັບການເລື່ອນສີບັນຍາກາດ, ການຈຳແນກພື້ນຜິວບັດ, ແລະ ປຸ່ມຮູບຊົງເມັດດຽວທີ່ປ່ຽນສີຈາກສີຟ້າອ່ອນເປັນສີບົວອ່ອນ. ບັດລອຍຢູ່ເທິງສັນພື້ນຜິວສີຟ້າອ່ອນໆ (ລັດສະໝີ 16px, ບໍ່ມີເງົາ) ແທນທີ່ຈະເປັນຄວາມສູງ, ດັ່ງນັ້ນລຳດັບຊັ້ນຈຶ່ງຖືກຮັບຮູ້ວ່າເປັນຄວາມເລິກຂອງນ້ຳແທນທີ່ຈະເປັນເງົາເທິງເຈ້ຍ. ອົງປະກອບຕ່າງໆເບິ່ງຄືວ່າຄິດຢ່າງລະອຽດ ແລະ ຄ້າຍຄືເຄື່ອງມື: ເຄື່ອງໝາຍຕິດຕາມຕົວພິມໃຫຍ່, ຮູບສັນຍາລັກລູກສອນເລຂາຄະນິດບາງໆ, ຕົວເລກຂະໜາດໃຫຍ່ໃນສີບົວອ່ອນ.
ຜ້າໃບສີເຂັ້ມ, ເຕັມຄວາມກວ້າງທີ່ມີເນື້ອຫາທີ່ມີຄວາມກວ້າງສູງສຸດ 1440px. ອົງປະກອບຫຼັກແມ່ນບລັອກຂໍ້ຄວາມທີ່ຢູ່ໃຈກາງ (brow → headline → subtext → call to action) ເຊິ່ງກວມເອົາຄວາມສູງຂອງ viewport ທັງໝົດ, ໂດຍມີອະນຸພາກເປັນອົງປະກອບພື້ນຫຼັງ. ພາກສ່ວນຕ່າງໆແມ່ນແຖບຄວາມກວ້າງເຕັມທີ່ແຍກອອກດ້ວຍຊ່ອງຫວ່າງແນວຕັ້ງຂະໜາດໃຫຍ່ 68px+, ສະຫຼັບກັນລະຫວ່າງຜ້າໃບ ແລະ ພື້ນຜິວທີ່ຊ້ອນກັນເລັກນ້ອຍ. ພາກສ່ວນ "ສຳຫຼວດ" ໃຊ້ຮູບແບບສອງຖັນທີ່ບໍ່ສະເໝີພາບ: ຖັນເບື້ອງຊ້າຍມີບັດຄຸນສົມບັດທີ່ວາງຊ້ອນກັນ, ໃນຂະນະທີ່ຖັນເບື້ອງຂວາມີຮູບແຕ້ມໂມເລກຸນເລຂາຄະນິດ. ເນື້ອຫາຢູ່ໃຈກາງໃນຖັນແຄບ (ສູງສຸດ ~600px) ເພື່ອການອ່ານງ່າຍ, ແທນທີ່ຈະຍືດອອກຈາກຂອບໜຶ່ງຫາອີກຂອບໜຶ່ງ. ສ່ວນລຸ່ມສຸດແມ່ນຂຸມທີ່ຊ້ອນກັນ (#011d1c) ທີ່ມີຂອບແນວຕັ້ງ 120px, ສ້າງຜົນກະທົບຂອງສະລອຍນ້ຳເລິກ. ການນຳທາງແມ່ນແຜງບາງໆ, ໂປ່ງໃສທີ່ມີອົງປະກອບຫ່າງກັນ 16–24px. ຈັງຫວະໂດຍລວມແມ່ນຄ້າຍຄືກັບໜັງ ແລະ ກວ້າງຂວາງ - ທຸກໆພາກສ່ວນມີລົມຫາຍໃຈ, ແລະ ໂຄງສີທີ່ເລິກຄືກັບນ້ຳສ້າງຄວາມຮູ້ສຶກຂອງການຕົກລົງເລິກລົງໃນແຕ່ລະຂໍ້ຄວາມ.
ແບບທີ່ເບິ່ງເຫັນໄດ້ແມ່ນແບບ minimalist ແລະ ມີບັນຍາກາດ. ໜ້າຫຼັກມີຮູບຊົງກົມອະນຸພາກສາມມິຕິ - ຈຸດນ້ອຍໆຫຼາຍພັນຈຸດສີຟ້າອ່ອນ ແລະ ສີຂາວປະກອບເປັນຮູບຊົງກົມໝູນວຽນທີ່ສະທ້ອນກັບຜ້າໃບ ແລະ ສີບົວອ່ອນໆຕາມແຄມ, ສ້າງຜົນກະທົບທີ່ເຮັດໃຫ້ມີແສງສະຫວ່າງທີ່ລະນຶກເຖິງວັດຖຸຂໍ້ມູນ. ແຜນວາດໂມເລກຸນເລຂາຄະນິດຮາບພຽງ (ວົງມົນສີຂາວ ແລະ ເສັ້ນເຊື່ອມຕໍ່ບາງໆເທິງຜ້າໃບສີເຂັ້ມ) ເປັນອົງປະກອບຕົກແຕ່ງໃນຖັນເບື້ອງຂວາ. ບໍ່ມີຮູບຖ່າຍ, ບໍ່ມີຮູບພາບວິຖີຊີວິດ, ບໍ່ມີຄົນ - ພາສາທີ່ເບິ່ງເຫັນແມ່ນອີງໃສ່ຮູບພາບຂໍ້ມູນທີ່ສະອາດ ແລະ ຮູບແບບທີ່ບໍ່ມີຕົວຕົນ. ຮູບຊົງກົມອະນຸພາກແມ່ນອົງປະກອບທີ່ເບິ່ງເຫັນໄດ້ຊັດເຈນຂອງເອກະລັກຂອງຍີ່ຫໍ້; ມັນຕ້ອງປາກົດຢ່າງໜ້ອຍໜຶ່ງຄັ້ງໃນທຸກໆໜ້າສຳຄັນເພື່ອເສີມສ້າງຄຳປຽບທຽບທີ່ເລິກເຊິ່ງ.
ພາເລັດ
ຍີ່ຫໍ້
- Liquid Abyss
#012624— ພື້ນຫຼັງຫຼັກແມ່ນພື້ນຖານຂອງໜ້າ, ຫົວຂໍ້, ອົງປະກອບຫຼັກ, ແລະ ສະໜາມສີຟ້າອ່ອນເຂັ້ມທີ່ໂດດເດັ່ນ. ມັນສ້າງບັນຍາກາດທະເລເລິກ. - Liquid Deep
#011d1c— ລະດັບໜ້າດິນທີ່ຊ່ອນລົງແມ່ນພື້ນຫຼັງຂອງສ່ວນລຸ່ມສຸດ ແລະ ແຜງກະດາດແຂງທີ່ເລິກກວ່າ. ມັນຖືກຮັບຮູ້ວ່າເປັນເຄິ່ງໂທນທີ່ມືດກວ່າຜ້າໃບ, ສ້າງຄວາມເລິກທີ່ຫຼຸດລົງເລັກນ້ອຍ. - Liquid Kelp
#003734— ໜ້າດິນບັດທີ່ຍົກຂຶ້ນ ແລະ ການຕື່ມປຸ່ມ - ໜ້າດິນທີ່ຍົກຂຶ້ນຕັ້ງຢູ່ເໜືອຊ່ອງຫວ່າງໜຶ່ງກ້າວ. ໃຊ້ສຳລັບບັດຄຸນສົມບັດ, ແຜງເນື້ອຫາ ແລະ ຈຸດເລີ່ມຕົ້ນຂອງປຸ່ມ gradient.
ເປັນກາງ
- Liquid Mist
#edfffe— ສີຂາວເຢັນໆເນັ້ນໃສ່ຂໍ້ຄວາມ, ຫົວຂໍ້ພາກສ່ວນ ແລະ ຮູບແບບຕົວອັກສອນທີ່ອົບອຸ່ນ ແລະ ອ່ອນນຸ້ມ. ສີຟ້າອ່ອນໆເຊື່ອມໂຍງຂໍ້ຄວາມເຂົ້າກັບໂຄງສີສີຟ້າຂຽວ. - Platinum
#ffffff— ສີຂາວບໍລິສຸດແມ່ນໃຊ້ສຳລັບຫົວຂໍ້, ອົງປະກອບການນຳທາງ, ໂຄງຮ່າງຮູບສັນຍາລັກ ແລະ ຂໍ້ຄວາມທີ່ມີຄວາມຄົມຊັດສູງ. ມັນເປັນສີຂໍ້ຄວາມຫຼັກໃນທຸກລະດັບຫົວຂໍ້ ແລະ ການນຳທາງຫຼັກ. - Silver Mist
#bbc7c6— ຂໍ້ຄວາມສຳຮອງ, ຄຳອະທິບາຍທີ່ມືດມົວ, ແລະສີລິ້ງໃນສະພາບເດີມຂອງພວກມັນ. ພວກມັນມີສີຂຽວອ່ອນໆ, ເສີມພື້ນຫລັງສີຟ້າອ່ອນ. - Ash
#f2f2f2— ຂໍ້ຄວາມເພີ່ມເຕີມສຳລັບຄຳເວົ້າ ແລະ ການທົບທວນຄືນ. ສີເທົາທີ່ເປັນກາງ ແລະ ເຢັນສະບາຍ ສຳລັບເວລາທີ່ສີ turquoise ຂອງ Silver Mist ຮູ້ສຶກສົດໃສເກີນໄປ. - Slate Deep
#707777— ສີພື້ນຜິວອ່ອນໆສຳລັບພື້ນຫຼັງທີ່ບໍ່ມີການເຄື່ອນໄຫວ ຫຼື ພື້ນຫຼັງທີ່ເບິ່ງເຫັນໄດ້ຍາກ. ມັນຕັ້ງຢູ່ລະຫວ່າງຜ້າໃບ ແລະ ກະດານ, ເຊິ່ງເຮັດໃຫ້ມີຄວາມແຕກຕ່າງດ້ານຄວາມສູງເລັກນ້ອຍຫຼາຍ. - Lavender Phosphor
#fde9ff— ສີແສງພື້ນຫຼັງສຳລັບສະຖິຕິຂະໜາດໃຫຍ່, ຕົວເລກນັບ, ແລະ ຕົວຊີ້ວັດທີ່ສຳຄັນ. ສີບົວໃນການໄລ່ສີລາຍເຊັນຖືກໃຊ້ຢ່າງລະມັດລະວັງເປັນການເນັ້ນແສງທີ່ສະຫວ່າງຢູ່ເທິງພື້ນຜິວທີ່ມືດ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 10 ຫາ 96px · 6 ຂັ້ນຕອນ
- Matter — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400, 500 · ຟອນຫຼັກສຳລັບຫົວຂໍ້ ແລະ ເນື້ອໃນຖືກໃຊ້ດ້ວຍນ້ຳໜັກ 500 ສຳລັບຫົວຂໍ້ທັງໝົດ (H1–H3) ແລະ ຂໍ້ຄວາມ kinetic ຂະໜາດໃຫຍ່ (86–295px). ນ້ຳໜັກ 400 ຖືກໃຊ້ສຳລັບເນື້ອໃນ ແລະ ຂໍ້ຄວາມ UI. ມັນມີໄລຍະຫ່າງຕົວອັກສອນລົບທີ່ຮຸນແຮງໃນຂະໜາດໃຫຍ່ (-0.04em ທີ່ 61px, -0.046em ທີ່ 86px) ແລະ ໄລຍະຫ່າງຕົວອັກສອນບວກທີ່ກວ້າງໃນຕົວພິມໃຫຍ່ຫົວຂໍ້ (0.08em ທີ່ 20px, 0.12em ທີ່ 12px, 0.15em ທີ່ 10px). ຍຸດທະສາດການໃຊ້ພຽງແຕ່ນ້ຳໜັກປານກາງສຳລັບຫົວຂໍ້ແມ່ນລັກສະນະທີ່ໂດດເດັ່ນ - ບໍ່ມີຕົວອັກສອນທີ່ໜາ ຫຼື ເບົາ - ເຊິ່ງເຮັດໃຫ້ຕົວອັກສອນມີຄວາມໝັ້ນໃຈທີ່ເປັນເອກະພາບ ແລະ ເປັນກົນຈັກ.
- Arial — ການທົດແທນ: system-ui · ໂຄງຮ່າງ 400 · ທາງເລືອກສຳຮອງສຳລັບອົງປະກອບ UI ແບບໂຕ້ຕອບ (ການນຳທາງ, ປຸ່ມ, ຫົວຂໍ້, ສ່ວນທ້າຍ). ປາກົດຢູ່ທີ່ 14px ເທົ່ານັ້ນ - ໃຊ້ເປັນທາງເລືອກທີ່ປອດໄພ ແລະ ໃຊ້ໄດ້ທົ່ວໄປເມື່ອ Matter ບໍ່ໄດ້ໂຫຼດ, ແລະ ກວມເອົາປ້າຍຊື່ແບບຟອມ, ຂໍ້ຄວາມປຸ່ມ, ແລະ ຂໍ້ຄວາມຊ່ວຍເຫຼືອຂະໜາດນ້ອຍ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 20px |
| ລັດສະໝີປຸ່ມ | 6px |
| ລັດສະໝີບັດ | 16px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 68px |
| ຄວາມກວ້າງຂອງໜ້າ | 1440px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Auros ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Design Full-Time — ໂຮງໜັງສະຕູດິໂອທີ່ມີໄຟສາຍອຸ່ນອັນດຽວ
- Air — ຮູບປັ້ນ "ທ້ອງຟ້າທ່ຽງຄືນຜ່ານແກ້ວ"
- Slash — ຫ້ອງໂຖງກາງຄືນທີ່ມີບັນຊີບັນຊີທີ່ເຄືອບດ້ວຍຄຳ
- Raycast — ສູນບັນຊາການທ່ຽງຄືນ, Coral Neon
- Dimension — ໂຕະເຮັດວຽກທີ່ມີແສງສະຫວ່າງໃນຕອນຄ່ຳທີ່ມີແຜງກະຈົກໃສ
- Modal — ສະຖານີສົ່ງແສງຟອສຟໍເຣສເຊັນໃນຫ້ອງເຊີບເວີທີ່ມືດມົວ - ແຫຼ່ງແສງສະຫວ່າງດຽວແມ່ນສີຂຽວສົດໃສ
- Giga — ຂອບຟ້າທ່ຽງຄືນເທິງຫີນອອບຊິເດຍນທີ່ມີນ້ຳຄ້າງ
- Reflect Notes — ອະວະກາດສີມ່ວງທີ່ເຕັມໄປດ້ວຍດວງດາວແມ່ນຫໍສັງເກດການທີ່ມືດມົວບ່ອນທີ່ມີບັນທຶກລອຍຢູ່ຄືກັບກຸ່ມດາວທຽບກັບພື້ນຫຼັງຂອງຄວາມວ່າງເປົ່າສີຄາມເກືອບດຳ.
- Ameba — ຫ້ອງຄວບຄຸມໃນເວລາທ່ຽງຄືນ - ກະແສໄຟຟ້າສີຟ້າຢູ່ພາຍໃນແຜງກະຈົກທີ່ມີນ້ຳຕານຂຸ່ນ
- AgentQL — ແສງເໜືອເໜືອເໜືອສະຖານີລົດໄຟໃນຕອນກາງຄືນ
- Frame — ໂຮງໜັງສຳລັບການສາຍໜັງໃນຕອນກາງຄືນ. ຫ້ອງມືດບ່ອນທີ່ໄຟສ່ອງສີຟ້າດວງດຽວເຮັດວຽກທັງໝົດ, ແລະອິນເຕີເຟດຜູ້ໃຊ້ຈະຈາງລົງເປັນພື້ນຫຼັງ, ຊ່ວຍໃຫ້ເນື້ອຫາທີ່ສ້າງສັນສາມາດສະແດງໄປຂ້າງໜ້າໄດ້.
- Harness — ການຄວບຄຸມພາລະກິດໃນເວລາທ່ຽງຄືນພ້ອມດ້ວຍສີຂຽວຟອສຟໍເຣສເຊັນ