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 — ак дубалдары бар модалуу галерея