Airbnb
Ħajt ta' gallerija bajda kwieta b'bookmark wieħed aħmar tal-qroll
Airbnb topera fi stil ta’ “kanvas abjad”, fejn il-fotografija tirrenja suprema: kważi kull skrin huwa qafas monokromu kwiet, li jippermetti li immaġnijiet full-screen tal-proprjetajiet iwasslu l-impressjoni ġenerali, b’aċċent wieħed u għani ta’ aħmar qroll (Rausch) bħala l-uniku sinjal tal-kulur li jindika l-azzjoni. It-tipa hija sans-serif ġeometrika (Airbnb Cereal VF)—l-aktar daqsijiet żgħar u kunfidenti—għat-test tal-ġisem, l-interface, u l-intestaturi tas-sezzjonijiet (22-22)—bi spazjar negattiv strett tal-linji u spazjar ġeneruż tal-linji, li jagħmel il-karti b’test dens leġġibbli. L-interface hija ċatta, mingħajr qafas, u tonda: 12-3 raġġi fuq il-karti u l-kontrolli, buttuni tondi f’forma ta’ pillola, u dellijiet rotob u f’saffi biss għal elementi prominenti bħall-bar tat-tiftix. Kollox ieħor—karti, oġġetti tal-lista, links—jiddependi fuq spazju abjad u linji fini aktar milli aċċenti tal-kromju.
Tqassim ta' wisa' sħiħ mingħajr limitu fiss ta' wisa' massima—il-kontenut jinfirex minn tarf sa tarf fiż-żona viżibbli, b'madwar 40px ta' padding orizzontali fuq kull naħa fuq id-desktop. L-eroj huwa kapsula ta' tiftix f'wiċċ l-ilma, iċċentrata fuq kanvas abjad newtrali mingħajr immaġni jew titlu—il-bar tat-tiftix HUWA l-eroj. Taħt it-tiftix, il-paġna tittranżizzjona f'sezzjonijiet skrolljati vertikalment u orizzontalment (erba' ringieli huma viżibbli: Djar Dehru, Lukandi Kbar, Belt Oħra, Disponibbli x-Xahar li Jmiss), kull waħda għolja madwar 320px, separata minn gutters vertikali ta' 48px. Kull sezzjoni tuża grilja ta' 7 karti b'overflow orizzontali u navigazzjoni bil-vleġeġ. Il-footer huwa grilja ta' 3 kolonni ta' links fuq sfond #f7f7f7, segwita minn bar tal-qiegħ b'informazzjoni dwar id-drittijiet tal-awtur, għażliet ta' lingwa/munita, u ikoni tal-midja soċjali. In-navigazzjoni hija bar ta' fuq fiss b'navigazzjoni tat-tab iċċentrata u kontrolli allinjati mal-lemin.
Il-fotografija tiddomina s-sistema viżwali, b'immaġnijiet full-screen ta' listi ta' proprjetà immobbli li jservu bħala t-tip ta' kontenut primarju. Ir-ritratti kollha huma ritratti sħan u mdawlin sew ta' ġewwa u barra ta' djar reali u lukandi, ipproċessati b'korrezzjoni naturali tal-kulur (mingħajr filtri tqal jew duotoni). L-immaġnijiet huma maqtugħin sew b'proporzjon tal-aspett ta' 1:1 għall-karti tal-listi, u jimlew it-tarf tal-karta mingħajr fsada. L-ikoni fl-interfaċċja kollha għandhom kontorn monokromu (piż tal-linja ~16–16), użat bil-moderazzjoni għall-kategoriji ta' navigazzjoni u l-kontrolli tal-UI. Il-logo huwa l-uniku element grafiku b'ħafna kuluri (Rausch). L-ebda illustrazzjonijiet, l-ebda renders 3D, l-ebda grafika astratta—il-lingwa viżwali hija fotografija pura u ikonografija monokromu minimalista fuq tila bajda ratba.
Paletta
Marka
- Rausch
#ff385c— L-aħmar jintuża bħala aċċent dekorattiv għal ikoni, sinjali, u dettalji grafiċi żgħar. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni. - Rausch 600
#e00b41— Verżjoni ppressata u skura taż-żebgħa Rausch għal uċuħ użati bħala aċċenti tal-marka fuq uċuħ li jkunu qed jittajru fuq l-arja/attivi.
Newtrali
- Hof
#222222— Il-korp tat-test, it-test prinċipali, l-intestaturi, il-kontorni tal-ikoni, u l-isfond maqlub huma ta' kulur newtrali qrib l-iswed, li jservi bħala l-bażi għas-sistema akromatika kollha. - Foggy
#6a6a6a— Test sekondarju, sottotitoli siekta, test awżiljarju, mili b'ikona diżattivata, u metadata diskreta taħt it-titoli tal-kards. - Grey 500
#c1c1c1— Test diżattivat, test placeholder fl-oqsma tal-input, u kontorni tal-ikoni siekta fejn hija meħtieġa de-enfasi fuq l-istatus. - Bebe
#ebebeb— Borduri rqaq, oqsma ta' input issottolinjati, separaturi bejn il-linji tal-lista, u linji diviżorji sottili. - Deco
#dddddd— Immaġnijiet tal-isfond tal-kards għal kontejners inattivi, placeholders, u stati tal-kards diżattivati. - Faint
#f7f7f7— L-immaġni tal-isfond tal-kanvas tal-paġna, il-wiċċ tal-footer, u l-istat tal-hover għall-elementi interattivi huma ta’ lewn artab u kremuż li jiddistingwi din il-paġna mill-karti bojod puri.
Tipografija
minn 11 sa 28px · 5 passi
- Airbnb Cereal VF — sostituzzjoni: Circular · linji gwida 400, 500, 600, 700 · Font sans-serif ġeometriku apposta ddisinjat għal Airbnb. It-test tal-ġisem huwa pożizzjonat f'14px/400, it-tikketti tal-UI f'16px/500, l-intestaturi tas-sezzjonijiet f'20px/600, 22px/500 bi spazju strett bejn l-ittri ta' -0.02em, u l-intestaturi tal-paġna f'28px/700. L-ispazjar negattiv bejn l-ittri jonqos biż-żieda fid-daqs, karatteristika ta' fonts sans-serif ġeometriċi f'daqsijiet ta' skrin akbar. Jippermetti l-karatteristika tal-glifu alternattiv "melħ".
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 12px |
| Raġġ tal-buttuna | 9999px |
| Raġġ tal-karta | 12px |
| Dellijiet | dellijiet rotob |
| Bejn is-sezzjonijiet | 48px |
| Wisa' tal-paġna | 1440px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Airbnb u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Apple (España) — vetrina tal-gallerija bajda
- Silencio — Kamra bajda b'artefatti f'wiċċ l-ilma. Wirja ta' gallerija magħmula minn karta sħuna, fejn kull element jokkupa postu fuq sfond ta' volum negattiv, u s-skiet huwa deċiżjoni ta' disinn intenzjonata.
- Oakâme — Workshop Provenzali mimli xemx imnaqqax minn ġebel sħun
- Nike — Gallerija monokromatika ta’ kisbiet sportivi – ħitan bojod, il-prodott bħala xogħol artistiku, kromju maħlul fl-isfond
- Arc — gallerija bajda industrijali fuq l-ilma ta' nofsillejl
- Rivian — Monolit elettriku fuq il-ħajt tal-konkrit tal-gallerija. Rivian jippreżenta kull vettura bħala skultura kontra spazju abjad vast, b'tipografija tant kbira li ssir element arkitettoniku, u isfar sħun wieħed li jkisser l-atmosfera monokromatika, bħad-dawl tax-xemx fuq wiċċ matt.
- Analogue — Vetrina sewda tal-gallerija – l-oġġetti jittajru fil-vojt
- ddna — Vetrina sħuna tal-mużew fuq bjankerija mhux trattata
- Zellerfeld — Workshop ta' skultur fuq irħam abjad—l-uċuħ monolitiċi tal-pedestall, xrar wieħed ta' kobalt, ħoss ta' ittri żgħar mill-art sas-saqaf
- UY Studio — Il-gallerija tal-ġebel tal-monasteru hija spazju kwiet b'ħitan tal-konkrit, fejn fliexken tal-fwieħa jinsabu fuq pedestalli bojod, imdawlin minn lampa waħda ta' 400 watt u erba' bozoz griżi sħan.
- Basic.Space — gallerija kuratorjali fuq irħam abjad
- COS — gallerija trendy b'ħitan bojod