Ciridae
ຫ້ອງຫວ່າງເປົ່າທີ່ມີສຽງແກວ່ງຂອງຖ່ານທີ່ກຳລັງລຸກໄໝ້ - ວິຫານທີ່ເກືອບເປັນສີດຳບ່ອນທີ່ສຽງອຸ່ນພຽງຢ່າງດຽວແມ່ນເສັ້ນບາງໆຂອງສະໜິມ, ແລະທຸກໆພື້ນຜິວຖືກກຳນົດດ້ວຍເສັ້ນລະອຽດແທນທີ່ຈະເປັນເງົາ.
Ciridae ເຮັດວຽກຢູ່ໃນຄວາມວ່າງເປົ່າ: ຜ້າໃບ #0b0b0b, ຕົວຄວບຄຸມຮູບຊົງເມັດທີ່ມີເສັ້ນຂອບທີ່ສັງເກດເຫັນໄດ້ຍາກ, ແລະຕົວພິມທີ່ລັອກເຂົ້າໄປໃນຕົວພິມໃຫຍ່ຂອງ Pragmatica Cond ທີ່ນ້ຳໜັກ 400—ບໍ່ມີຕົວໜາ, ບໍ່ມີຕົວພິມໃຫຍ່ປະສົມ, ບໍ່ມີອົງປະກອບຕົກແຕ່ງ. ບັນທຶກສີດຽວແມ່ນ #cc6437, ເປັນຮົ່ມສີທີ່ອົບອຸ່ນ, ມີຄວັນໄຟທີ່ໃຊ້ເປັນເສັ້ນທີ່ບາງທີ່ສຸດ ແລະ ເຄື່ອງໝາຍວັກຕອນນ້ອຍໆ, ບໍ່ເຄີຍເປັນການຕື່ມ. ແຜນທີ່ລອຍຢູ່ເທິງ #272a2a ດ້ວຍລັດສະໝີ 10px ແລະບໍ່ມີເງົາ; ລະບົບຫຼີກລ່ຽງຄວາມສູງ, ກຳນົດພື້ນຜິວຜ່ານຄວາມຄົມຊັດຂອງໂທນສີ ແລະ ຂອບ 1px ທີ່ດີທີ່ສຸດ. ຮູບຖ່າຍມົວຫຼາຍ ແລະ ມີບັນຍາກາດ—ຫີນອ່ອນແຫຼວ, ຄວັນ, ໄຟ—ວາງໄວ້ທາງຫຼັງຂໍ້ຄວາມໃນໂໝດເຕັມຈໍ, ດັ່ງນັ້ນຮູບພາບທີ່ເບິ່ງເຫັນຈຶ່ງຮູ້ສຶກມີບັນຍາກາດຫຼາຍກວ່າການສະແດງພາບ.
ຮູບແບບໜ້າເວັບມີຄວາມກວ້າງເຕັມ, ໂດຍມີເນື້ອຫາຢູ່ໃຈກາງພາຍໃນຄວາມກວ້າງສູງສຸດ ~1400px. ລັກສະນະເດັ່ນແມ່ນອົງປະກອບສີເຂັ້ມ, ເຕັມຄວາມກວ້າງທີ່ມີໂລໂກ້ກຸ່ມດາວຢູ່ໃຈກາງ ພ້ອມດ້ວຍປ້າຍຂະໜາດນ້ອຍຢູ່ດ້ານຊ້າຍ ແລະ ຂວາ. ພາກສ່ວນສະຫຼັບກັນ: ລັກສະນະເດັ່ນສີເຂັ້ມ → ແຖບສີອ່ອນທີ່ມີຊັ້ນລຸ່ມ (ກະດູກ) → ຂໍ້ຄວາມປ່ຽນສີເຂັ້ມ → ຕາຂ່າຍສີເຂັ້ມຂອງບັດລະບົບ → ສ່ວນທ້າຍສີເຂັ້ມ. ພາກສ່ວນສີອ່ອນດຽວສ້າງການປ່ຽນສີທີ່ຄົມຊັດດຽວ. ຕາຂ່າຍບັດໃຊ້ 4 ຖັນ, ໂດຍບັດທຳອິດກວ້າງປະມານສອງເທົ່າຂອງສາມຖັນອື່ນໆ, ສ້າງຮູບແບບທີ່ບໍ່ສະເໝີກັນໂດຍເນັ້ນໃສ່ເນື້ອຫາ. ພື້ນທີ່ຕັ້ງລະຫວ່າງພາກສ່ວນແມ່ນກວ້າງ (80px+). ການນຳທາງແມ່ນໜ້ອຍທີ່ສຸດ: ແຖບຂ່າວດ້ານເທິງ + "ເລີ່ມຕົ້ນດຽວນີ້" ທີ່ຈັດລຽງໄວ້ທາງຊ້າຍ ແລະ "ເມນູ" ທີ່ຈັດລຽງໄວ້ທາງຂວາໃນແຖບດ້ານເທິງ. ບໍ່ມີແຖບຂ້າງ, ບໍ່ມີເມນູໃຫຍ່.
ຮູບຖ່າຍບັນຍາກາດ, ເຊິ່ງກວມເອົາໜ້າເວັບທັງໝົດ, ຄອບງຳໜ້າຈໍຫຼັກ ແລະ ບັດຕ່າງໆ. ຮູບພາບມົວຫຼາຍ (ຄ່າຄວາມມົວພື້ນຫຼັງ 50px ແລະ 40px ຖືກກວດພົບ) ແລະ ມີຄວາມຄົມຊັດສູງ, ສະແດງໃຫ້ເຫັນຫີນອ່ອນແຫຼວທີ່ມີລວດລາຍສີຟ້າ-ແດງ, ຄວັນ, ຮູບຊົງສີເຂັ້ມຂອງພູມສັນຖານ, ແລະ ໂຄງສ້າງໄຟ/ຖ່ານ. ຮູບຖ່າຍມີອາລົມ ແລະ ມືດ, ບໍ່ມີຊີວິດຊີວາ - ພວກມັນມີລະດັບໂທນສີດຽວກັນກັບຜ້າໃບຫວ່າງເປົ່າແທນທີ່ຈະໂດດເດັ່ນ. ບໍ່ມີຮູບພາບຜະລິດຕະພັນ, ບໍ່ມີຄົນ, ບໍ່ມີພາບໜ້າຈໍ UI. ຮູບພາບສ້າງບັນຍາກາດແທນທີ່ຈະເປັນເນື້ອຫາທີ່ສະແດງໃຫ້ເຫັນ. ຕາຂ່າຍບັດຈະເຊື່ອມໂຍງແຕ່ລະລະບົບກັບສະຖານທີ່ບັນຍາກາດທີ່ແຕກຕ່າງກັນ, ຊ່ວຍໃຫ້ຮູບພາບເຮັດໜ້າທີ່ເປັນຕົວລະບຸພາບທີ່ບໍ່ມີຕົວຕົນແທນທີ່ຈະເປັນຮູບພາບຜະລິດຕະພັນຕາມຕົວໜັງສື.
ພາເລັດ
ຍີ່ຫໍ້
- Ember Rust
#cc6437— ຮອຍເນັ້ນ, ເສັ້ນໄອຄອນ, ແລະ ຈຸດເດັ່ນຂໍ້ຄວາມຂະໜາດນ້ອຍ ແມ່ນສີດຽວທີ່ມີສີດຽວກັນໃນລະບົບສີຂາວດຳ, ເຊິ່ງປະກົດເປັນຈຸດທີ່ເປັນຈັງຫວະທີ່ສັງເກດເຫັນໄດ້ຍາກຫຼາຍກວ່າການຕື່ມ.
ເປັນກາງ
- Void Black
#0b0b0b— ຮູບພາບພື້ນຫຼັງສຳລັບໜ້າຫຼັກ ແລະ ພາກສ່ວນຕ່າງໆ; ພື້ນຖານຂອງລະບົບທັງໝົດ. - Charcoal Surface
#272a2a— ຮູບພາບພື້ນຫຼັງທີ່ເຮັດດ້ວຍກະດາດແຂງ ແລະ ແຜງຕ່າງໆໃນພື້ນທີ່ມືດມີສີອ່ອນກວ່າຜ້າໃບໜຶ່ງໂທນເພື່ອສ້າງການແຍກພື້ນຜິວໂດຍບໍ່ມີເງົາ. - Bone
#edebe7— ພື້ນທີ່ສະຫວ່າງຂອງພື້ນຫຼັງ ແລະ ໜ້າດິນມີສີຄຣີມ, ບ່ອນທີ່ລະບົບປ່ຽນຈາກມືດໄປເປັນສະຫວ່າງ. - Bone Darker
#dfddd9— ຮົ່ມທີ່ລະອຽດອ່ອນທີ່ເອີ້ນວ່າ "ກະດູກ" ສຳລັບພື້ນຜິວທີ່ມີແສງສະຫວ່າງຫຼາຍຊັ້ນ ແລະ ອົງປະກອບທີ່ມີສີຂາວອົບອຸ່ນເກືອບທັງໝົດ. - Pure White
#ffffff— ຂໍ້ຄວາມຫຼັກ ແລະ ຫົວຂໍ້ທັງໝົດ, ຂອບປຸ່ມຜີ, ແລະ ອົງປະກອບການນຳທາງແມ່ນຢູ່ໃນສີຫຼັກທີ່ມີອັດຕາສ່ວນຄວາມຄົມຊັດ 19.7:1 ເທິງພື້ນຫຼັງສີດຳທີ່ບໍ່ມີສີສັນ. - Abyss
#050505— ພື້ນຫຼັງທີ່ຍົກຂຶ້ນສຳລັບແຖບຂ່າວ (ແຖບຂ່າວອັນດັບຕົ້ນໆ) - ມືດກວ່າຜ້າໃບຫຼັກໜຶ່ງເຫຼື້ອມເພື່ອເຮັດໃຫ້ແຖບນັ້ນໂດດເດັ່ນ.
ຮູບແບບຕົວອັກສອນ
ຈາກ 11 ຫາ 32px · 5 ຂັ້ນຕອນ
- Pragmatica Cond — ການທົດແທນ: Oswald · ໂຄງຮ່າງ 400 · ຟອນຫຼັກຂອງໜ້າຈໍ ແລະ ອິນເຕີເຟດຜູ້ໃຊ້ແມ່ນຟອນແຄບ ແລະ ຫຍໍ້ດ້ວຍຕົວພິມໃຫຍ່ທັງໝົດ 14px ສຳລັບຂໍ້ຄວາມ, 20px ສຳລັບຫົວຂໍ້ພາກສ່ວນ, ແລະ 32px ສຳລັບຂໍ້ຄວາມຫຼັກ. ຟອນແຄບຫຼາຍ ແລະ ຕົວພິມໃຫຍ່ທັງໝົດ 14px ສຳລັບຂໍ້ຄວາມແມ່ນວິທີແກ້ໄຂທີ່ມີລັກສະນະສະເພາະທີ່ສຸດສຳລັບລະບົບ: ຂໍ້ຄວາມອ່ານຄືກັບສຽງກະຊິບຂອງຕົວອັກສອນສະຖາປັດຕະຍະກຳ ແທນທີ່ຈະເປັນຄືກັບບົດຂຽນທຳມະດາ. ປ່ຽນດ້ວຍ Oswald ຫຼື Barlow Condensed ຖ້າ Pragmatica Condensed ບໍ່ມີໃຫ້ໃຊ້.
- Pragmatica — ການທົດແທນ: Inter · ໂຄງຮ່າງ 400 · ຟອນຕ໌ຫຼັກສຳຮອງທີ່ໃຊ້ສຳລັບຂໍ້ຄວາມທີ່ຍາວກວ່າ (ຕົວຢ່າງ, ຄຳອະທິບາຍບັດ "ລະບົບປະຕິບັດການ AI" ແມ່ນ 24px, ຂໍ້ຄວາມໃນວັກແມ່ນ 15px). ກວ້າງກວ່າ Pragmatica Cond ເລັກນ້ອຍເພື່ອຄວາມສະດວກໃນການອ່ານໃນບລັອກໃຫຍ່ກວ່າ, ແຕ່ຍັງຢູ່ທີ່ນ້ຳໜັກ 400 - ຢ່າໃຊ້ຕົວໜາ. ປ່ຽນເປັນ Inter ຫຼື Söhne.
- Roboto Mono — ການທົດແທນ: Roboto Mono (free · ໂຄງຮ່າງ 400 · ຟອນຕ໌ຈຸນລະພາກທີ່ມີຊ່ອງດຽວສຳລັບຕົວສະແດງຂ່າວ ("ຂ່າວ • ວັນທີ 15 ມິຖຸນາ 2026 • CRUCIBLE ເຂົ້າເຖິງລ່ວງໜ້າໄດ້ແລ້ວຕອນນີ້"). ຟອນຕ໌ທີ່ມີຊ່ອງດຽວຖືກໃຊ້ຢູ່ທີ່ນີ້ເທົ່ານັ້ນ, ສ້າງຄວາມແຕກຕ່າງດ້ານການເຮັດວຽກທີ່ຊັດເຈນ: ນີ້ແມ່ນຂໍ້ມູນລະບົບ, ບໍ່ແມ່ນການສ້າງແບຣນ.
ໄລຍະຫ່າງ ແລະ ຮູບແບບ
| ຈຸດປະສົງ | ຄວາມໝາຍ |
|---|---|
| ຄວາມໜາແໜ້ນ | ໂດຍສະເລ່ຍ |
| ຂັ້ນຕອນພື້ນຖານ | 16-20px |
| ລັດສະໝີປຸ່ມ | 1440px |
| ລັດສະໝີບັດ | 10px |
| ເງົາ | ບໍ່ມີ - ຂອບແທນທີ່ຈະເປັນເງົາ |
| ລະຫວ່າງພາກສ່ວນຕ່າງໆ | 80px |
| ຄວາມກວ້າງຂອງໜ້າ | 1400px |
AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Ciridae ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ
- ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
- ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
- ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
- ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.
ແບບທີ່ຄ້າຍຄືກັນ
- Dala — ກຸ່ມດາວລອຍຢູ່ເທິງຜ້າກຳມະຢີສີດຳ
- Linear — ເຄື່ອງມືຄວາມແມ່ນຍໍາທ່ຽງຄືນ
- Resend — ກຳແພງກຳມະຫຍີສີດຳປະສົມສີມ່ວງນີອອນ
- Dovetail — ແຜນຜັງພາຍໃຕ້ດວງຈັນສີດຳ — ເສັ້ນກຣາຟທີ່ເຫັນໄດ້ຍາກ, ຕົວອັກສອນສີຂາວ, ມີແສງສີມ່ວງອັນໜຶ່ງ
- Neon — ຫ້ອງເຊີບເວີຫຼັງຈາກມືດແລ້ວ. ຄວາມມືດບໍລິສຸດ, ບ່ອນທີ່ມີແສງສະຫວ່າງພຽງຢ່າງດຽວມາຈາກຂໍ້ມູນ ແລະ ການໂຕ້ຕອບຂອງຜູ້ໃຊ້.
- Discord — ໂລກຂອງເກມຖືກຊ່ອນຢູ່ຫລັງໜ້າຕ່າງສົນທະນາແບບປັອບອັບ - ແຕ່ລະພາກສ່ວນແມ່ນສະພາບແວດລ້ອມທີ່ມີໄຟສ່ອງສະຫວ່າງ ແລະ ຕົວລະຄອນຂອງຕົນເອງ.
- Aaru — ຫໍສັງເກດການພາກສະໜາມອະນຸພາກໃນເວລາທ່ຽງຄືນ
- Atlas Card — ຫ້ອງໂຖງກາງຄືນ, ດ້ວຍລັງສີໄພລິນອັນດຽວ, ເປັນພື້ນທີ່ມືດມົວບ່ອນທີ່ສິ່ງດຽວທີ່ສຳຄັນແມ່ນສີຟ້າໄຟຟ້າເຂັ້ມ.
- Midjourney — ສະຖານີທີ່ສ່ອງແສງໄດ້ຢ່າງມີຊີວິດຊີວາໃນມະຫາສະໝຸດເລິກ. ໂລກທະເລເລິກບ່ອນທີ່ຄວາມສະຫຼາດສ້າງຕົວມັນເອງດ້ວຍສາຍຕາໃນກະແສ ASCII, ແລະການຄວບຄຸມປະກົດເປັນຮູບແບບທີ່ສ່ອງແສງອ່ອນໆ.
- Checkly — ສູນຄວບຄຸມພາລະກິດວົງໂຄຈອນເລິກ
- Krea — ຄັງຮູບພາບນຽຣໃນເວລາທ່ຽງຄືນ
- Wope — Wope ເປັນໜ້າຈໍສະແດງພາບສີມ່ວງຂອງຂອບຟ້າ. ລອງນຶກພາບໂຕະຫໍສັງເກດການສີດຳທີ່ມີແສງສີມ່ວງສ່ອງອອກມາຈາກໃຕ້ແກ້ວ.