Airbnb
Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
Airbnb нь гэрэл зураг давамгайлдаг "цагаан даавуун" хэв маягаар ажилладаг: бараг бүх дэлгэц нь чимээгүй монохром хүрээтэй бөгөөд шинж чанаруудын бүтэн дэлгэцийн зургийг нийт сэтгэгдэл төрүүлэх боломжийг олгодог бөгөөд үйлдлийг илэрхийлсэн цорын ганц өнгөний тэмдэг болгон нэг, баялаг шүрэн улаан өнгийн өргөлт (Rausch) ашигладаг. Үсгийн хэлбэр нь геометрийн sans-serif (Airbnb Cereal VF) бөгөөд ихэвчлэн жижиг, итгэлтэй хэмжээтэй - үндсэн текст, интерфэйс болон хэсгийн гарчиг (22-22) - нь нарийн сөрөг мөрийн зайтай, өргөн мөрийн зайтай тул нягт тексттэй картуудыг уншихад хялбар болгодог. Интерфэйс нь хавтгай, хүрээгүй, бөөрөнхий хэлбэртэй: картууд болон удирдлага дээр 12-3 радиус, дугуй хэлбэртэй товчлуурууд, зөвхөн хайлтын мөр гэх мэт тод элементүүдэд зориулсан зөөлөн, давхарласан сүүдэртэй. Бусад бүх зүйл - картууд, жагсаалтын зүйлс, холбоосууд - хром өргөлтөөс илүү цагаан зай болон нарийн шугамууд дээр тулгуурладаг.
Тогтмол дээд өргөний хязгааргүй бүрэн өргөнтэй байрлал - контент нь харагдах хэсэгт ирмэгээс ирмэг хүртэл сунадаг бөгөөд ширээний компьютер дээр хоёр талдаа ойролцоогоор 40 пикселийн хэвтээ зайтай. Баатар нь хөвөгч хайлтын капсул бөгөөд зураг эсвэл гарчиггүй, төвийг сахисан цагаан зураг дээр төвлөрдөг - хайлтын мөр нь баатар юм. Хайлтын доор хуудас нь босоо давхарласан, хэвтээ гүйлгэх хэсгүүдэд шилждэг (дөрвөн мөр харагдаж байна: Онцлох гэрүүд, Гайхалтай зочид буудлууд, Бусад хот, Дараагийн сард худалдаанд гарах), тус бүр нь ойролцоогоор 320 пикселийн өндөртэй, 48 пикселийн босоо ус зайлуулах хоолойгоор тусгаарлагдсан. Хэсэг бүр нь хэвтээ халих болон сумтай навигацитай 7 картын тор ашигладаг. Доод хэсэг нь #f7f7f7 дэвсгэр дээр холбоосуудын 3 баганатай тор бөгөөд дараа нь зохиогчийн эрхийн мэдээлэл, хэл/валютын сонголтууд, сошиал медиа дүрс бүхий доод мөр байдаг. Навигаци нь төвд байрлуулсан таб навигаци болон баруун тийш зэрэгцүүлсэн удирдлагатай тогтмол дээд мөр юм.
Гэрэл зураг нь харааны системд давамгайлж, үл хөдлөх хөрөнгийн жагсаалтын бүтэн дэлгэцийн зургууд нь үндсэн контентын төрөл болж үйлчилдэг. Бүх зургууд нь бодит байшин, зочид буудлын дулаан, сайн гэрэлтүүлэгтэй дотор болон гадна талын зургууд бөгөөд байгалийн өнгөний залруулгаар (хүнд шүүлтүүр эсвэл давхар өнгөгүйгээр) боловсруулсан. Зургуудыг жагсаалтын картуудын хувьд 1:1 харьцаатай нягт тайрч, картын ирмэгийг зураасгүйгээр дүүргэсэн. Интерфэйс дээрх дүрсүүд нь монохром хүрээтэй (шугамын зузаан ~16–16) бөгөөд навигацийн ангилал болон UI хяналтад бага ашиглагддаг. Лого нь цорын ганц олон өнгийн график элемент юм (Rausch). Зураг чимэглэлгүй, 3D дүрслэлгүй, хийсвэр графикгүй - харааны хэл нь цэвэр гэрэл зураг болон зөөлөн цагаан зотон дээрх минималист монохром дүрслэл юм.
Палетт
Брэнд
- Rausch
#ff385c— Улаан өнгийг дүрс тэмдэг, тэмдэг, жижиг график нарийн ширийн зүйлсийн чимэглэл болгон ашигладаг. Үүнийг үйлдэлд уриалахад үндсэн өнгө болгон ашиглаж болохгүй. - Rausch 600
#e00b41— Хөвөгч/идэвхтэй гадаргуу дээр брэндийн чимэглэл болгон ашигладаг гадаргуу дээр зориулсан Rausch будгийн дарагдсан, бараан хувилбар.
Төвийг сахисан
- Hof
#222222— Үндсэн хэсэг, үндсэн текст, гарчиг, дүрсний тойм, урвуу дэвсгэр нь хар өнгөтэй ойролцоо төвийг сахисан өнгө бөгөөд энэ нь бүхэл бүтэн ахроматик системийн үндэс суурь болдог. - Foggy
#6a6a6a— Хоёрдогч текст, дуугүй тайлбар, туслах текст, идэвхгүй болгосон дүрс дүүргэлт болон картын гарчгийн доорх нууцлаг мета өгөгдөл. - Grey 500
#c1c1c1— Идэвхгүй болгосон текст, оролтын талбарт байгаа текстийн орлуулагч болон статусыг багасгах шаардлагатай газруудыг хаасан дүрсний тоймууд. - Bebe
#ebebeb— Нимгэн хүрээ, доогуур нь зураастай оролтын талбарууд, жагсаалтын мөрүүдийн хоорондох тусгаарлагчууд болон нарийн хуваах шугамууд. - Deco
#dddddd— Идэвхгүй контейнер, орлуулагч болон идэвхгүй картын төлөвүүдийн картын дэвсгэр зураг. - Faint
#f7f7f7— Хуудасны зурагны дэвсгэр зураг, хөлийн гадаргуу болон интерактив элементүүдийн хулганы хуудсыг зөөх төлөв нь зөөлөн, өтгөн өнгө бөгөөд энэ хуудсыг цэвэр цагаан картуудаас ялгаруулдаг.
Типографи
11-ээс 28 пиксел хүртэл · 5 алхам
- Airbnb Cereal VF — солих: Circular · тоймууд 400, 500, 600, 700 · Airbnb-д зориулсан захиалгат геометрийн sans-serif фонт. Үндсэн текст нь 14px/400, UI шошго нь 16px/500, хэсгийн гарчиг нь 20px/600, 22px/500, үсгийн зай нь -0.02em, хуудасны гарчиг нь 28px/700 байна. Сөрөг үсгийн зай нь хэмжээ нэмэгдэх тусам буурдаг бөгөөд энэ нь том дэлгэцийн хэмжээтэй геометрийн sans-serif фонтын онцлог шинж юм. "Давс" ээлжлэн бичих функцийг идэвхжүүлдэг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 12px |
| Товчлуурын радиус | 9999px |
| Картын радиус | 12px |
| Сүүдэр | зөөлөн сүүдэр |
| Хэсгүүдийн хооронд | 48px |
| Хуудасны өргөн | 1440px |
Хиймэл оюун ухаан таны вэбсайтыг Airbnb хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Apple (España) — цагаан галерей дэлгэцийн хайрцаг
- Silencio — Хөвөгч эд өлгийн зүйлстэй цагаан өрөө. Сөрөг эзэлхүүний дэвсгэр дээр элемент бүр өөрийн гэсэн байр суурийг эзэлдэг дулаан цаасаар хийсэн галерейн үзмэр, нам гүм байдал нь санаатай дизайны шийдвэр юм.
- Oakâme — Дулаан чулуугаар сийлсэн наранд гэрэлтсэн Провансаль урлан
- Nike — Спортын амжилтын монохром галерей - цагаан хана, урлагийн бүтээл мэт бүтээгдэхүүн, хром нь арын дэвсгэр дээр ууссан
- Arc — Шөнө дундын усан дээрх аж үйлдвэрийн цагаан галерей
- Rivian — Галерейн бетонон ханан дээрх цахилгаан цул чулуу. Ривиан нь тээврийн хэрэгсэл бүрийг асар том цагаан орон зайн эсрэг баримал мэтээр дүрсэлдэг бөгөөд хэвлэмэл зураг нь архитектурын элемент болж хувирдаг бөгөөд царцсан гадаргуу дээрх нарны гэрэл шиг монохроматик уур амьсгалыг эвддэг ганц дулаан шар өнгө юм.
- Analogue — Хар галерейн дэлгэцийн хайрцаг – бараа хоосон орон зайд хөвж байна
- ddna — боловсруулаагүй маалинган даавуун дээр дулаан музейн үзмэрийн тавиур
- Zellerfeld — Цагаан гантиг чулуун дээрх уран барималчийн урлан - суурийн цул гадаргуу, кобальтын ганц оч, шалнаас тааз хүртэлх жижиг үсгийн шивнээ
- UY Studio — Хийдийн чулуун галерей нь бетонон ханатай нам гүм орон зай бөгөөд үнэртэй усны савнууд цагаан суурь дээр байрладаг бөгөөд 400 ваттын нэг чийдэн, дөрвөн дулаан саарал чийдэнгээр гэрэлтдэг.
- Basic.Space — цагаан гантиг дээрх кураторын галерей
- COS — цагаан ханатай загварлаг галерей