Airbnb
Rólegur hvítur galleríveggur með einum kóralrauðum bókamerki
Airbnb starfar í „hvítum striga“ stíl þar sem ljósmyndun ræður ríkjum: næstum hver skjár er hljóðlátur einlitur rammi, sem gerir myndum af eignum í fullum skjá kleift að miðla heildarmyndinni, með einum, ríkum kóralrauðum hreim (Rausch) sem eina litamerkinu sem gefur til kynna aðgerð. Leturgerðin er rúmfræðileg sans-serif (Airbnb Cereal VF) - að mestu leyti lítil, örugg stærð - fyrir megintexta, viðmót og kaflafyrirsagnir (22-22) - með þröngu neikvæðu línubili og rausnarlegu línubili, sem gerir kort með þéttum texta læsileg. Viðmótið er flatt, rammalaust og ávöl: 12-3 radíusar á kortum og stýringum, ávöl pillulaga hnappar og mjúkir, lagskiptir skuggar aðeins fyrir áberandi þætti eins og leitarstikuna. Allt annað - kort, listaatriði, tenglar - treystir á hvítt bil og fínar línur frekar en krómhreim.
Útlit í fullri breidd án fastrar hámarksbreiddarmarka — efnið teygist frá brún til brúnar innan sýnilegs svæðis, með um það bil 40px láréttri bólstrun á hvorri hlið á skjáborði. Leitarreiturinn er fljótandi leitarhylki, miðjað á hvítum striga án myndar eða titils — leitarreiturinn ER leitarreiturinn. Fyrir neðan leitarreitinn breytist síðan í lóðrétt staflaða, lárétta hluta (fjórar raðir eru sýnilegar: Valin heimili, Frábær hótel, Önnur borg, Laus næsta mánuð), hver um það bil 320px á hæð, aðskilin með 48px lóðréttum rennum. Hver hluti notar 7 spila rist með láréttu yfirfalli og örvaleiðsögn. Síðufóturinn er 3 dálka rist af tenglum á #f7f7f7 bakgrunni, fylgt eftir af neðri stiku með upplýsingum um höfundarrétt, tungumál/gjaldmiðil og táknum fyrir samfélagsmiðla. Leiðsögnin er föst efri stika með miðjaðri flipaleiðsögn og hægrijafnuðum stjórntækjum.
Ljósmyndun er ríkjandi í sjónrænu kerfinu, þar sem myndir af fasteignum í fullri skjástærð eru aðalefnisgerðin. Allar myndirnar eru hlýjar, vel upplýstar innanhúss- og utanhússmyndir af raunverulegum heimilum og hótelum, unnar með náttúrulegri litaleiðréttingu (án mikilla sía eða tvílita lita). Myndirnar eru þéttskornar með 1:1 hlutföllum fyrir auglýsingaspjöld, sem fylla út brún spjaldsins án þess að blæða út. Táknmyndir um allt viðmótið eru með einlita útlínur (línuþykkt ~16–16), notaðar sparlega fyrir flokka í flakkflokkum og stjórntæki í notendaviðmóti. Merkið er eina fjöllita grafíska þátturinn (Rausch). Engar myndskreytingar, engar þrívíddarmyndir, engin abstrakt grafík - sjónræna tungumálið er hrein ljósmyndun og lágmarks einlita táknmynd á mjúkum hvítum striga.
Litatöflu
Vörumerki
- Rausch
#ff385c— Rauður litur er notaður sem skreytingarhljóð fyrir tákn, skilti og smáatriði. Hann ætti ekki að vera aðallitur fyrir hvatningar til aðgerða. - Rausch 600
#e00b41— Pressuð og dökk útgáfa af Rausch-málningu fyrir yfirborð sem notuð eru sem vörumerkjaáhersla á svifandi/virk yfirborð.
Hlutlaus
- Hof
#222222— Meginmál, aðaltexti, fyrirsagnir, útlínur tákna og öfugur bakgrunnur eru í hlutlausum lit sem er nálægt svörtum, sem þjónar sem grunnur að öllu akrómatíska kerfinu. - Foggy
#6a6a6a— Aukatexti, þöggaðir myndatextar, aukatexti, óvirk táknfylling og óskýr lýsigögn undir titlum korta. - Grey 500
#c1c1c1— Óvirkur texti, staðgengilstexti í innsláttarreitum og þögguð táknútlínur þar sem þörf er á að draga úr áherslu á stöðu. - Bebe
#ebebeb— Þunnir rammar, undirstrikaðir innsláttarreitir, aðskilnaðarmerki milli listalína og fínlegar skiptingarlínur. - Deco
#dddddd— Bakgrunnsmyndir af kortum fyrir óvirka ílát, staðgengla og stöður óvirkra korta. - Faint
#f7f7f7— Bakgrunnsmynd síðunnar, síðufótur og sveimastaða gagnvirkra þátta eru í mjúkum, rjómalöguðum lit sem aðgreinir þessa síðu frá hvítu spjöldunum.
Leturfræði
frá 11 til 28px · 5 skref
- Airbnb Cereal VF — skipti: Circular · útlínur 400, 500, 600, 700 · Sérsniðið rúmfræðilegt sans-serif letur hannað fyrir Airbnb. Megintexti er staðsettur í 14px/400, notendaviðmótsmerkingar í 16px/500, kaflafyrirsagnir í 20px/600, 22px/500 með þröngu bili milli stafa upp á -0,02em og síðufyrirsagnir í 28px/700. Neikvætt bil milli stafa minnkar með aukinni stærð, sem er einkenni rúmfræðilegra sans-serif leturgerða á stærri skjástærðum. Virkjar „salt“ varastafaeiginleikann.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 12px |
| Hnapparadíus | 9999px |
| Radíus korts | 12px |
| Skuggar | mjúkir skuggar |
| Milli hluta | 48px |
| Síðubreidd | 1440px |
Gervigreind mun smíða vefsíðuna þína í stíl við Airbnb og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Apple (España) — hvítt gallerísýningarskápur
- Silencio — Hvítt herbergi með fljótandi gripum. Sýning úr hlýjum pappír þar sem hvert frumefni tekur sinn stað á bak við neikvæðan rúmmálsbakgrunn og þögnin er meðvituð hönnunarákvörðun.
- Oakâme — Sólríkt verkstæði í Provence, höggvið úr hlýjum steini
- Nike — Einlita myndasafn íþróttaafreka – hvítir veggir, afurðin sem listaverk, króm leyst upp í bakgrunni.
- Arc — Hvítt iðnaðargallerí yfir miðnættisvatni
- Rivian — Rafmagns einlitur á steinsteyptum vegg gallerísins. Rivian kynnir hvert farartæki sem skúlptúr á móti víðáttumiklu hvítu rými, með leturgerð svo stórri að hún verður að byggingarlistarlegum þáttum, og einum hlýjum gulum lit sem brýtur einlita andrúmsloftið, eins og sólarljós á mattri yfirborði.
- Analogue — Svart gallerísýningarskápur – vörur svífa í tóminu
- ddna — Hlýtt safnsýningarskápur á ómeðhöndluðu líni
- Zellerfeld — Verkstæði myndhöggvara á hvítum marmara — einlit yfirborð stallarins, einn neisti af kóbalti, hvísl lágstafa frá gólfi upp í loft
- UY Studio — Steingallerí klaustursins er kyrrlátt rými með steinsteyptum veggjum, þar sem ilmvatnsflöskur standa á hvítum sökklum, upplýstar af einni 400 watta lampa og fjórum hlýjum gráum perum.
- Basic.Space — sýningarsalur á hvítum marmara
- COS — Töff gallerí með hvítum veggjum