Airbnb
Egy csendes fehér galériafal egyetlen korallvörös könyvjelzővel
Az Airbnb „fehér vászon” stílusban működik, ahol a fényképezés az uralkodó: szinte minden képernyő egy csendes monokróm keret, amely lehetővé teszi, hogy az ingatlanok teljes képernyős képei közvetítsék az összbenyomást, egyetlen, gazdag korallvörös díszítéssel (Rausch), mint az egyetlen színjelzéssel, amely a cselekvést jelzi. A betűtípus geometrikus sans-serif (Airbnb Cereal VF) – többnyire kicsi, magabiztos méretek – a törzsszöveg, a felület és a szakaszcímek (22-22) esetében – szoros negatív sorközzel és nagyvonalú sorközzel, így a sűrű szöveget tartalmazó kártyák is olvashatók. A felület lapos, keret nélküli és lekerekített: 12-3-as sugarak a kártyákon és a vezérlőkön, kerek, pirula alakú gombok és lágy, réteges árnyékok csak a kiemelkedő elemeken, például a keresősávon. Minden más – kártyák, listaelemek, linkek – a fehér térközökre és a finom vonalakra támaszkodik, nem pedig a króm díszítésekre.
Teljes szélességű elrendezés rögzített maximális szélességkorlát nélkül – a tartalom széltől szélig terjed a látható területen belül, asztali gépen mindkét oldalon körülbelül 40 képpontos vízszintes margóval. A fő elem egy lebegő keresőkapszula, amelynek középpontja egy semleges fehér vászon, kép vagy cím nélkül – A keresősáv A fő elem. A keresés alatt az oldal függőlegesen egymásra halmozott, vízszintesen görgethető részekre vált (négy sor látható: Kiemelt otthonok, Nagyszerű szállodák, Más város, Elérhető a következő hónapban), mindegyik körülbelül 320 képpont magas, 48 képpontos függőleges ereszcsatornákkal elválasztva. Minden rész egy 7 kártyás rácsot használ vízszintes túlcsordulással és nyílnavigációval. A lábléc egy 3 oszlopos rács, amely linkeket tartalmaz #f7f7f7 háttéren, majd egy alsó sáv következik a szerzői jogi információkkal, a nyelvi/pénznembeállításokkal és a közösségi média ikonjaival. A navigáció egy fix felső sáv középre igazított fülnavigációval és jobbra igazított vezérlőkkel.
A vizuális rendszert a fényképezés uralja, az ingatlanhirdetések teljes képernyős képei jelentik az elsődleges tartalomtípust. Minden fotó meleg tónusú, jól megvilágított belső és külső felvétel valódi otthonokról és szállodákról, természetes színkorrekcióval feldolgozva (erős szűrők vagy kéttónusú árnyalatok nélkül). A képek szorosan vannak vágva, 1:1 képarányban a hirdetéskártyákon, kitöltve a kártya szélét kifutás nélkül. A felhasználói felület ikonjai monokróm körvonallal rendelkeznek (vonalvastagság ~16–16), amelyeket a navigációs kategóriákhoz és a felhasználói felület vezérlőihez takarékosan használnak. A logó az egyetlen többszínű grafikai elem (Rausch). Nincsenek illusztrációk, nincsenek 3D renderelések, nincsenek absztrakt grafikák – a vizuális nyelv a tiszta fényképezés és a minimalista monokróm ikonográfia egy puha, fehér vásznon.
Paletta
Márka
- Rausch
#ff385c— A pirosat ikonok, táblák és apró grafikai részletek díszítő színeként használják. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez. - Rausch 600
#e00b41— A Rausch festék préselt és sötét változata, amelyet márkajelzésként használnak lebegő/aktív felületeken.
Semleges
- Hof
#222222— A törzsszöveg, a fő szöveg, a címsorok, az ikonok körvonalai és az invertált háttér semleges, feketéhez közeli színű, amely az egész akromatikus rendszer alapjául szolgál. - Foggy
#6a6a6a— Másodlagos szöveg, némított feliratok, segédszöveg, letiltott ikonkitöltés és diszkrét metaadatok a kártyacímek alatt. - Grey 500
#c1c1c1— A letiltott szöveg, a helyőrző szöveg a beviteli mezőkben és a némított ikon körvonalazza azokat a részeket, ahol az állapot hangsúlytalanítására van szükség. - Bebe
#ebebeb— Vékony szegélyek, aláhúzott beviteli mezők, elválasztók a listasorok között és finom elválasztó vonalak. - Deco
#dddddd— Kártya háttérképek inaktív tárolókhoz, helyőrzőkhöz és letiltott kártyaállapotokhoz. - Faint
#f7f7f7— Az oldal vászon háttérképe, a lábléc felülete és az interaktív elemek egérrel való megérintésének állapota lágy, krémes árnyalatú, ami megkülönbözteti ezt az oldalt a tiszta fehér kártyáktól.
Tipográfia
11-ről 28 képpontra · 5 lépésben
- Airbnb Cereal VF — csere: Circular · körvonalak 400, 500, 600, 700 · Egyedi, geometrikus, talp nélküli betűtípus, amelyet az Airbnb számára terveztek. A szöveg törzse 14px/400, a felhasználói felület címkéi 16px/500, a szakaszcímek 20px/600, 22px/500 méretben, szoros, -0,02em betűközzel, az oldalcímek pedig 28px/700 méretben vannak elhelyezve. A negatív betűköz a méret növekedésével csökken, ami a geometrikus talp nélküli betűtípusok jellemzője nagyobb képernyőméreteknél. Engedélyezi a "salt" alternatív karakterjel funkciót.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 12px |
| Gomb sugara | 9999px |
| Kártya sugara | 12px |
| Árnyékok | lágy árnyékok |
| Szakaszok között | 48px |
| Oldal szélessége | 1440px |
A mesterséges intelligencia Airbnb stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Apple (España) — fehér galériavitrin
- Silencio — Egy fehér szoba lebegő műtárgyakkal. Meleg papírból készült galériakiállítás, ahol minden elem a negatív térfogatú háttér előtt foglalja el a helyét, a csend pedig szándékos tervezési döntés.
- Oakâme — Egy napsütötte provence-i műhely, meleg kőből faragva
- Nike — Sportteljesítmények monokróm galériája – fehér falak, a termék mint műalkotás, a króm a háttérbe olvadva
- Arc — ipari fehér galéria éjféli víz felett
- Rivian — Egy elektromos monolit a galéria betonfalán. Rivian minden járművet szoborként mutat be egy hatalmas fehér tér előtt, olyan nagyméretű tipográfiával, hogy az építészeti elemmé válik, és egyetlen meleg sárga színnel, amely megtöri a monokróm hangulatot, mint a napfény egy matt felületen.
- Analogue — Fekete galériavitrin – áruk lebegnek az ürességben
- ddna — meleg múzeumi vitrin kezeletlen vászonra helyezve
- Zellerfeld — Egy szobrászműhely fehér márványon – a talapzat monolitikus felületei, egyetlen kobaltszikra, a padlótól a mennyezetig suttogó kisbetűk
- UY Studio — A kolostor kőgalériája egy csendes tér betonfalakkal, ahol parfümös üvegek állnak fehér talapzatokon, amelyeket egy 400 wattos lámpa és négy melegszürke izzó világít meg.
- Basic.Space — kurátori galéria fehér márványon
- COS — egy divatos galéria fehér falakkal