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 — ак стеналар белән бизәлгән модалы галерея