Airbnb

ຝາຜະໜັງຫ້ອງວາງສະແດງສີຂາວທີ່ງຽບສະຫງົບພ້ອມດ້ວຍທີ່ໝາຍສີແດງປະກາລັງອັນດຽວ

Airbnb ດຳເນີນງານໃນແບບ "ຜ້າໃບສີຂາວ", ບ່ອນທີ່ການຖ່າຍຮູບເປັນທີ່ນິຍົມທີ່ສຸດ: ເກືອບທຸກໜ້າຈໍແມ່ນກອບສີຂາວດຽວທີ່ງຽບສະຫງົບ, ຊ່ວຍໃຫ້ຮູບພາບເຕັມຈໍຂອງຊັບສິນສາມາດສະແດງຄວາມປະທັບໃຈໂດຍລວມ, ໂດຍມີສີດຽວທີ່ເຂັ້ມຂຸ້ນຄືສີແດງປະກາລັງ (Rausch) ເປັນຕົວຊີ້ບອກການກະທຳ. ຕົວອັກສອນແມ່ນຮູບແບບເລຂາຄະນິດ sans-serif (Airbnb Cereal VF) - ສ່ວນຫຼາຍແມ່ນຂະໜາດນ້ອຍ, ໝັ້ນໃຈ - ສຳລັບຂໍ້ຄວາມ, ອິນເຕີເຟດ, ແລະຫົວຂໍ້ພາກສ່ວນ (22-22) - ມີໄລຍະຫ່າງລະຫວ່າງແຖວລົບທີ່ແໜ້ນໜາ ແລະໄລຍະຫ່າງລະຫວ່າງແຖວທີ່ກວ້າງ, ເຮັດໃຫ້ບັດທີ່ມີຂໍ້ຄວາມໜາແໜ້ນສາມາດອ່ານໄດ້. ອິນເຕີເຟດແມ່ນຮາບພຽງ, ບໍ່ມີກອບ, ແລະມົນ: 12-3 ລັດສະໝີໃນບັດ ແລະຕົວຄວບຄຸມ, ປຸ່ມຮູບຊົງກົມຄືເມັດ, ແລະເງົາທີ່ອ່ອນນຸ້ມ, ເປັນຊັ້ນໆສຳລັບອົງປະກອບທີ່ໂດດເດັ່ນເຊັ່ນແຖບຄົ້ນຫາ. ທຸກຢ່າງອື່ນໆ - ບັດ, ລາຍການ, ລິ້ງ - ອີງໃສ່ຊ່ອງຫວ່າງສີຂາວ ແລະເສັ້ນລະອຽດແທນທີ່ຈະເປັນການເນັ້ນສີໂຄຣມ.

ຮູບແບບຄວາມກວ້າງເຕັມທີ່ບໍ່ມີຂີດຈຳກັດຄວາມກວ້າງສູງສຸດຄົງທີ່ - ເນື້ອຫາຂະຫຍາຍຈາກຂອບຫາຂອບພາຍໃນພື້ນທີ່ທີ່ສາມາດເບິ່ງໄດ້, ມີພື້ນທີ່ປະມານ 40px ຂອງຊ່ອງຫວ່າງແນວນອນໃນແຕ່ລະດ້ານໃນເດັສທັອບ. ຕົວລະຄອນເອກແມ່ນແຄບຊູນຄົ້ນຫາທີ່ລອຍຢູ່, ຢູ່ໃຈກາງຂອງຜ້າໃບສີຂາວທີ່ເປັນກາງໂດຍບໍ່ມີຮູບພາບ ຫຼື ຫົວຂໍ້ - ແຖບຄົ້ນຫາແມ່ນຕົວລະຄອນເອກ. ຢູ່ລຸ່ມການຄົ້ນຫາ, ໜ້າເວັບຈະປ່ຽນເປັນພາກສ່ວນທີ່ຊ້ອນກັນແນວຕັ້ງ, ເລື່ອນຕາມແນວນອນ (ສີ່ແຖວສາມາດເບິ່ງເຫັນໄດ້: ເຮືອນທີ່ໂດດເດັ່ນ, ໂຮງແຮມທີ່ດີ, ເມືອງອື່ນໆ, ມີໃຫ້ບໍລິການໃນເດືອນໜ້າ), ແຕ່ລະແຖວສູງປະມານ 320px, ແຍກດ້ວຍຮ່ອງແນວຕັ້ງ 48px. ແຕ່ລະພາກສ່ວນໃຊ້ຕາຂ່າຍ 7 ບັດທີ່ມີລົ້ນແນວນອນ ແລະ ການນຳທາງລູກສອນ. ສ່ວນລຸ່ມສຸດແມ່ນຕາຂ່າຍ 3 ຖັນຂອງລິ້ງໃນພື້ນຫຼັງ #f7f7f7, ຕາມດ້ວຍແຖບລຸ່ມສຸດທີ່ມີຂໍ້ມູນລິຂະສິດ, ຕົວເລືອກພາສາ/ສະກຸນເງິນ, ແລະໄອຄອນສື່ສັງຄົມ. ການນຳທາງແມ່ນແຖບເທິງສຸດຄົງທີ່ທີ່ມີການນຳທາງແຖບຢູ່ກາງ ແລະ ການຄວບຄຸມທີ່ຈັດລຽງຕາມແນວຂວາ.

ການຖ່າຍຮູບຄອບງຳລະບົບພາບ, ໂດຍມີຮູບພາບເຕັມຈໍຂອງລາຍຊື່ອະສັງຫາລິມະສັບເປັນປະເພດເນື້ອຫາຫຼັກ. ຮູບພາບທັງໝົດແມ່ນຮູບຖ່າຍພາຍໃນ ແລະ ພາຍນອກທີ່ອົບອຸ່ນ, ມີແສງສະຫວ່າງດີຂອງເຮືອນ ແລະ ໂຮງແຮມຕົວຈິງ, ປະມວນຜົນດ້ວຍການແກ້ໄຂສີທຳມະຊາດ (ໂດຍບໍ່ມີຕົວກອງ ຫຼື duotones ໜັກ). ຮູບພາບຖືກຕັດຢ່າງລະອຽດດ້ວຍອັດຕາສ່ວນ 1:1 ສຳລັບບັດລາຍຊື່, ເຮັດໃຫ້ຂອບຂອງບັດເຕັມໂດຍບໍ່ມີການຕົກສີ. ຮູບສັນຍາລັກທົ່ວອິນເຕີເຟດມີເສັ້ນໂຄ້ງສີດຽວ (ນ້ຳໜັກເສັ້ນ ~16–16), ໃຊ້ໜ້ອຍສຳລັບໝວດໝູ່ການນຳທາງ ແລະ ການຄວບຄຸມ UI. ໂລໂກ້ແມ່ນອົງປະກອບກຣາບຟິກຫຼາຍສີດຽວ (Rausch). ບໍ່ມີຮູບແຕ້ມ, ບໍ່ມີການສະແດງຜົນ 3D, ບໍ່ມີກຣາບຟິກທີ່ບໍ່ມີຕົວຕົນ - ພາສາທີ່ເບິ່ງເຫັນແມ່ນການຖ່າຍຮູບທີ່ບໍລິສຸດ ແລະ ຮູບສັນຍາລັກສີດຽວແບບ minimalist ເທິງຜ້າໃບສີຂາວອ່ອນໆ.

ຮ້ານຄ້າອອນລາຍ ຄວາມນ້ອຍທີ່ສຸດ ສີດຽວ ພຣີມຽມ

https://www.airbnb.com

ພາເລັດ

ຍີ່ຫໍ້

Rausch #ff385c — ສີແດງຖືກໃຊ້ເປັນສີຕົກແຕ່ງສຳລັບຮູບສັນຍາລັກ, ປ້າຍ ແລະ ລາຍລະອຽດກຣາບຟິກຂະໜາດນ້ອຍ. ມັນບໍ່ຄວນໃຊ້ເປັນສີຫຼັກສຳລັບການຮຽກຮ້ອງໃຫ້ມີການດຳເນີນການ.
Rausch 600 #e00b41 — ສີ Rausch ລຸ້ນທີ່ກົດແລ້ວ ແລະ ສີເຂັ້ມສຳລັບພື້ນຜິວທີ່ໃຊ້ເປັນຕົວເນັ້ນຍີ່ຫໍ້ເທິງພື້ນຜິວທີ່ເຄື່ອນທີ່/ເຄື່ອນໄຫວ.

ເປັນກາງ

Hof #222222 — ເນື້ອໃນ, ຂໍ້ຄວາມຫຼັກ, ຫົວຂໍ້, ໂຄງຮ່າງຮູບສັນຍາລັກ ແລະ ພື້ນຫຼັງທີ່ປີ້ນກັບກັນແມ່ນສີທີ່ເປັນກາງໃກ້ກັບສີດຳ, ເຊິ່ງເປັນພື້ນຖານສຳລັບລະບົບທີ່ບໍ່ມີສີທັງໝົດ.
Foggy #6a6a6a — ຂໍ້ຄວາມສຳຮອງ, ຄຳບັນຍາຍທີ່ປິດສຽງ, ຂໍ້ຄວາມເສີມ, ການຕື່ມໄອຄອນທີ່ປິດໃຊ້ງານ, ແລະ ຂໍ້ມູນເມຕາທີ່ບໍ່ເປີດເຜີຍຢູ່ລຸ່ມຫົວຂໍ້ບັດ.
Grey 500 #c1c1c1 — ຂໍ້ຄວາມທີ່ປິດໃຊ້ງານ, ຂໍ້ຄວາມຕົວຍຶດໃນຊ່ອງປ້ອນຂໍ້ມູນ, ແລະຮູບສັນຍາລັກທີ່ປິດສຽງບ່ອນທີ່ຕ້ອງການຫຼຸດຄວາມສຳຄັນຂອງສະຖານະ.
Bebe #ebebeb — ຂອບບາງ, ຊ່ອງຂໍ້ມູນປ້ອນຂໍ້ມູນທີ່ຂີດເສັ້ນໃຕ້, ຕົວແຍກລະຫວ່າງລາຍການ, ແລະ ເສັ້ນແບ່ງທີ່ລະອຽດອ່ອນ.
Deco #dddddd — ຮູບພາບພື້ນຫຼັງບັດສຳລັບຕູ້ຄອນເທນເນີທີ່ບໍ່ມີການເຄື່ອນໄຫວ, ຕົວຍຶດຕຳແໜ່ງ ແລະ ສະຖານະບັດທີ່ປິດໃຊ້ງານ.
Faint #f7f7f7 — ຮູບພາບພື້ນຫຼັງຂອງໜ້າເວັບ, ໜ້າດິນສ່ວນລຸ່ມ, ແລະ ສະຖານະເລື່ອນເມົ້າສຳລັບອົງປະກອບແບບໂຕ້ຕອບແມ່ນສີທີ່ອ່ອນນຸ້ມ ແລະ ຄຣີມທີ່ເຮັດໃຫ້ໜ້ານີ້ແຕກຕ່າງຈາກບັດສີຂາວບໍລິສຸດ.

ຮູບແບບຕົວອັກສອນ

ຈາກ 11 ຫາ 28px · 5 ຂັ້ນຕອນ

Airbnb Cereal VF — ການທົດແທນ: Circular · ໂຄງຮ່າງ 400, 500, 600, 700 · ຟອນຕ໌ sans-serif ເລຂາຄະນິດທີ່ກຳນົດເອງທີ່ອອກແບບມາສຳລັບ Airbnb. ຂໍ້ຄວາມໃນໜ້າຖືກວາງໄວ້ທີ່ 14px/400, ປ້າຍ UI ທີ່ 16px/500, ຫົວຂໍ້ພາກສ່ວນທີ່ 20px/600, 22px/500 ດ້ວຍໄລຍະຫ່າງຕົວອັກສອນທີ່ແຄບຂອງ -0.02em, ແລະຫົວຂໍ້ໜ້າທີ່ 28px/700. ໄລຍະຫ່າງຕົວອັກສອນລົບຈະຫຼຸດລົງຕາມຂະໜາດທີ່ເພີ່ມຂຶ້ນ, ເຊິ່ງເປັນລັກສະນະຂອງຟອນຕ໌ sans-serif ເລຂາຄະນິດໃນຂະໜາດໜ້າຈໍທີ່ໃຫຍ່ກວ່າ. ເປີດໃຊ້ຄຸນສົມບັດ glyph ສະຫຼັບ "salt".

ໄລຍະຫ່າງ ແລະ ຮູບແບບ

ຈຸດປະສົງ	ຄວາມໝາຍ
ຄວາມໜາແໜ້ນ	ໜາແໜ້ນ
ຂັ້ນຕອນພື້ນຖານ	12px
ລັດສະໝີປຸ່ມ	9999px
ລັດສະໝີບັດ	12px
ເງົາ	ເງົາອ່ອນໆ
ລະຫວ່າງພາກສ່ວນຕ່າງໆ	48px
ຄວາມກວ້າງຂອງໜ້າ	1440px

AI ຈະສ້າງເວັບໄຊທ໌ຂອງທ່ານໃນແບບຂອງ Airbnb ແລະຕື່ມຂໍ້ມູນໃສ່ມັນ

ຕື່ມຂໍ້ມູນໃສ່ຜະລິດຕະພັນ ແລະ ໂພສຕ່າງໆຜ່ານລິ້ງ - Instagram, TikTok, Facebook.
ໂອນຍ້າຍເນື້ອຫາຈາກເວັບໄຊເກົ່າຂອງທ່ານ - ພຽງແຕ່ລະບຸທີ່ຢູ່.
ການອອກແບບທີ່ທັນສະໄໝໃນເຄື່ອງຈັກທີ່ດີທີ່ສຸດ: React ( Next.js) ພ້ອມດ້ວຍການສະແດງຜົນເຊີບເວີ ແລະ ການເພີ່ມປະສິດທິພາບ SEO.
ການເພີ່ມປະສິດທິພາບ SEO ແບບອັດຕະໂນມັດຢ່າງເຕັມທີ່ສຳລັບຜົນການຄົ້ນຫາ ແລະ ຄຳແນະນຳກ່ຽວກັບເຄືອຂ່າຍປະສາດ.

ສ້າງເວັບໄຊທ໌ໃນແບບນີ້

ແບບທີ່ຄ້າຍຄືກັນ

Apple (España) — ຕູ້ວາງສະແດງຮູບພາບສີຂາວ
Silencio — ຫ້ອງສີຂາວທີ່ມີສິ່ງປະດິດທີ່ລອຍຢູ່. ການວາງສະແດງຫ້ອງວາງສະແດງທີ່ເຮັດດ້ວຍເຈ້ຍອຸ່ນ, ບ່ອນທີ່ແຕ່ລະອົງປະກອບຢູ່ໃນຕຳແໜ່ງຂອງມັນຕໍ່ກັບພື້ນຫຼັງທີ່ມີປະລິມານລົບ, ແລະ ຄວາມງຽບແມ່ນການຕັດສິນໃຈອອກແບບໂດຍເຈດຕະນາ.
Oakâme — ໂຮງງານ Provençal ທີ່ມີແສງແດດສ່ອງເຖິງ ແກະສະຫຼັກຈາກຫີນອຸ່ນ
Nike — ຫ້ອງວາງສະແດງຜົນງານກິລາສີດຽວ - ຝາສີຂາວ, ຜະລິດຕະພັນເປັນຜົນງານສິລະປະ, ໂຄຣມທີ່ລະລາຍໄປໃນພື້ນຫຼັງ
Arc — ຫໍວາງສະແດງສີດຳອຸດສາຫະກຳເໜືອນ້ຳທ່ຽງຄືນ
Rivian — ຮູບປັ້ນໄຟຟ້າຂະໜາດໃຫຍ່ຢູ່ເທິງຝາຊີມັງຂອງຫ້ອງວາງສະແດງ. Rivian ນຳສະເໜີພາຫະນະແຕ່ລະຄັນເປັນຮູບປັ້ນທີ່ປະດັບຢູ່ເທິງພື້ນທີ່ສີຂາວກວ້າງໃຫຍ່ໄພສານ, ດ້ວຍຕົວອັກສອນທີ່ໃຫຍ່ຫຼາຍຈົນກາຍເປັນອົງປະກອບທາງສະຖາປັດຕະຍະກຳ, ແລະສີເຫຼືອງອຸ່ນອັນດຽວທີ່ທຳລາຍບັນຍາກາດສີດຽວ, ຄືກັບແສງແດດເທິງພື້ນຜິວດ້ານ.
Analogue — ຕູ້ວາງສະແດງສີດຳ - ສິນຄ້າລອຍຢູ່ໃນຄວາມຫວ່າງເປົ່າ
ddna — ຕູ້ວາງສະແດງພິພິທະພັນທີ່ອົບອຸ່ນຢູ່ເທິງຜ້າປູທີ່ບໍ່ໄດ້ຮັບການປິ່ນປົວ
Zellerfeld — ກອງປະຊຸມຊ່າງແກະສະຫຼັກເທິງຫິນອ່ອນສີຂາວ - ໜ້າດິນທີ່ເປັນກ້ອນດຽວຂອງຖານ, ประกายໄຟໂຄບອລດຽວ, ສຽງກະຊິບຂອງຕົວອັກສອນຕົວນ້ອຍຈາກພື້ນເຖິງເພດານ
UY Studio — ຫ້ອງວາງສະແດງຫີນຂອງວັດເປັນພື້ນທີ່ງຽບສະຫງົບທີ່ມີກຳແພງຊີມັງ, ບ່ອນທີ່ຂວດນໍ້າຫອມຕັ້ງຢູ່ເທິງຖານສີຂາວ, ສ່ອງແສງດ້ວຍໂຄມໄຟ 400 ວັດ ໜຶ່ງໜ່ວຍ ແລະ ຫລອດໄຟສີເທົາອຸ່ນສີ່ຫລອດ.
Basic.Space — ຫ້ອງວາງສະແດງສິລະປະເທິງຫິນອ່ອນສີຂາວ
COS — ຫ້ອງວາງສະແດງທີ່ທັນສະໄໝທີ່ມີຝາສີຂາວ