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, пайдаланушы интерфейсінің белгілері 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 — ақ қабырғалары бар сәнді галерея