Airbnb
એક જ કોરલ લાલ બુકમાર્ક સાથે શાંત સફેદ ગેલેરી દિવાલ
Airbnb "સફેદ કેનવાસ" શૈલીમાં કાર્ય કરે છે, જ્યાં ફોટોગ્રાફી સર્વોચ્ચ શાસન કરે છે: લગભગ દરેક સ્ક્રીન એક શાંત મોનોક્રોમ ફ્રેમ છે, જે ગુણધર્મોની પૂર્ણ-સ્ક્રીન છબીઓને એકંદર છાપ વ્યક્ત કરવા દે છે, જેમાં એક જ, સમૃદ્ધ કોરલ-લાલ ઉચ્ચાર (રૌશ) એકમાત્ર રંગ સંકેત તરીકે ક્રિયા દર્શાવે છે. ટાઇપફેસ ભૌમિતિક સેન્સ-સેરિફ (એરબીએનબી સેરિયલ વીએફ) છે - મોટે ભાગે નાના, આત્મવિશ્વાસપૂર્ણ કદ - બોડી ટેક્સ્ટ, ઇન્ટરફેસ અને વિભાગ હેડિંગ (22-22) માટે - ચુસ્ત નકારાત્મક રેખા અંતર અને ઉદાર રેખા અંતર સાથે, ગાઢ ટેક્સ્ટવાળા કાર્ડ્સને વાંચી શકાય તેવું બનાવે છે. ઇન્ટરફેસ સપાટ, ફ્રેમલેસ અને ગોળાકાર છે: કાર્ડ્સ અને નિયંત્રણો પર 12-3 ત્રિજ્યા, ગોળાકાર ગોળી આકારના બટનો અને ફક્ત શોધ બાર જેવા અગ્રણી તત્વો માટે નરમ, સ્તરવાળી પડછાયાઓ. બાકીનું બધું - કાર્ડ્સ, સૂચિ વસ્તુઓ, લિંક્સ - ક્રોમ ઉચ્ચારોને બદલે સફેદ જગ્યા અને ફાઇન લાઇન પર આધાર રાખે છે.
કોઈ નિશ્ચિત મહત્તમ પહોળાઈ મર્યાદા વિના પૂર્ણ-પહોળાઈનું લેઆઉટ—કન્ટેન્ટ દૃશ્યક્ષમ વિસ્તારની અંદર ધારથી ધાર સુધી ફેલાયેલું છે, ડેસ્કટોપ પર દરેક બાજુએ આશરે 40px આડી પેડિંગ છે. હીરો એક ફ્લોટિંગ સર્ચ કેપ્સ્યુલ છે, જે તટસ્થ સફેદ કેનવાસ પર કેન્દ્રિત છે જેમાં કોઈ છબી કે શીર્ષક નથી—સર્ચ બાર હીરો છે. શોધની નીચે, પૃષ્ઠ ઊભી રીતે સ્ટેક કરેલા, આડી રીતે સ્ક્રોલિંગ વિભાગોમાં સંક્રમિત થાય છે (ચાર પંક્તિઓ દૃશ્યમાન છે: ફીચર્ડ હોમ્સ, ગ્રેટ હોટેલ્સ, અન્ય શહેર, આગામી મહિને ઉપલબ્ધ), દરેક આશરે 320px ઊંચા, 48px વર્ટિકલ ગટર દ્વારા અલગ. દરેક વિભાગ આડી ઓવરફ્લો અને એરો નેવિગેશન સાથે 7-કાર્ડ ગ્રીડનો ઉપયોગ કરે છે. ફૂટર #f7f7f7 પૃષ્ઠભૂમિ પર લિંક્સનો 3-કૉલમ ગ્રીડ છે, ત્યારબાદ કૉપિરાઇટ માહિતી, ભાષા/ચલણ વિકલ્પો અને સોશિયલ મીડિયા આઇકન્સ સાથે નીચેનો બાર છે. નેવિગેશન એ કેન્દ્રિત ટેબ નેવિગેશન અને જમણા-સંરેખિત નિયંત્રણો સાથે એક નિશ્ચિત ટોચનો બાર છે.
ફોટોગ્રાફી વિઝ્યુઅલ સિસ્ટમ પર પ્રભુત્વ ધરાવે છે, જેમાં રિયલ એસ્ટેટ લિસ્ટિંગની પૂર્ણ-સ્ક્રીન છબીઓ પ્રાથમિક સામગ્રી પ્રકાર તરીકે સેવા આપે છે. બધા ફોટા વાસ્તવિક ઘરો અને હોટલોના ગરમ, સારી રીતે પ્રકાશિત આંતરિક અને બાહ્ય શોટ્સ છે, જે કુદરતી રંગ સુધારણા (ભારે ફિલ્ટર્સ અથવા ડ્યુઓટોન વિના) સાથે પ્રક્રિયા કરવામાં આવે છે. કાર્ડ્સની સૂચિ માટે છબીઓને 1:1 પાસા રેશિયો સાથે ચુસ્ત રીતે કાપવામાં આવે છે, જે બ્લીડ વિના કાર્ડની ધાર ભરે છે. સમગ્ર ઇન્ટરફેસમાં ચિહ્નોમાં મોનોક્રોમ રૂપરેખા (લાઇન વજન ~16–16) હોય છે, જેનો ઉપયોગ નેવિગેશન શ્રેણીઓ અને UI નિયંત્રણો માટે ભાગ્યે જ થાય છે. લોગો એકમાત્ર બહુરંગી ગ્રાફિક તત્વ છે (રૌશ). કોઈ ચિત્રો નથી, કોઈ 3D રેન્ડર નથી, કોઈ અમૂર્ત ગ્રાફિક્સ નથી - દ્રશ્ય ભાષા શુદ્ધ ફોટોગ્રાફી અને નરમ સફેદ કેનવાસ પર ઓછામાં ઓછા મોનોક્રોમ આઇકોનોગ્રાફી છે.
પેલેટ
બ્રાન્ડ
- Rausch
#ff385c— લાલ રંગનો ઉપયોગ ચિહ્નો, ચિહ્નો અને નાની ગ્રાફિક વિગતો માટે સુશોભન ઉચ્ચારણ તરીકે થાય છે. કોલ ટુ એક્શન માટે તેનો પ્રાથમિક રંગ તરીકે ઉપયોગ થવો જોઈએ નહીં. - Rausch 600
#e00b41— હોવર/સક્રિય સપાટીઓ પર બ્રાન્ડ એક્સેન્ટ તરીકે ઉપયોગમાં લેવાતી સપાટીઓ માટે રાઉશ પેઇન્ટનું દબાયેલું અને ઘેરું સંસ્કરણ.
તટસ્થ
- Hof
#222222— મુખ્ય ભાગ, મુખ્ય ટેક્સ્ટ, શીર્ષકો, ચિહ્નોની રૂપરેખા અને ઊંધી પૃષ્ઠભૂમિ કાળા રંગની નજીક તટસ્થ રંગ છે, જે સમગ્ર એક્રોમેટિક સિસ્ટમ માટે આધાર તરીકે સેવા આપે છે. - Foggy
#6a6a6a— કાર્ડ શીર્ષકો નીચે ગૌણ ટેક્સ્ટ, મ્યૂટ કરેલા કૅપ્શન્સ, સહાયક ટેક્સ્ટ, અક્ષમ કરેલ આઇકન ફિલ અને ગુપ્ત મેટાડેટા. - Grey 500
#c1c1c1— અક્ષમ કરેલ ટેક્સ્ટ, ઇનપુટ ફીલ્ડમાં પ્લેસહોલ્ડર ટેક્સ્ટ, અને મ્યૂટ કરેલ આઇકોન આઉટલાઇન જ્યાં સ્થિતિ પર ભાર ઓછો કરવાની જરૂર છે. - Bebe
#ebebeb— પાતળી કિનારીઓ, રેખાંકિત ઇનપુટ ફીલ્ડ્સ, સૂચિ રેખાઓ વચ્ચે વિભાજક અને સૂક્ષ્મ વિભાજન રેખાઓ. - Deco
#dddddd— નિષ્ક્રિય કન્ટેનર, પ્લેસહોલ્ડર્સ અને અક્ષમ કાર્ડ સ્ટેટ્સ માટે કાર્ડ પૃષ્ઠભૂમિ છબીઓ. - Faint
#f7f7f7— પેજ કેનવાસ બેકગ્રાઉન્ડ ઇમેજ, ફૂટર સપાટી અને ઇન્ટરેક્ટિવ એલિમેન્ટ્સ માટે હોવર સ્ટેટ એક નરમ, ક્રીમી શેડ છે જે આ પેજને શુદ્ધ સફેદ કાર્ડ્સથી અલગ પાડે છે.
ટાઇપોગ્રાફી
૧૧ થી ૨૮ પિક્સેલ સુધી · ૫ પગલાં
- Airbnb Cereal VF — રિપ્લેસમેન્ટ: Circular · રૂપરેખા 400, 500, 600, 700 · Airbnb માટે રચાયેલ કસ્ટમ ભૌમિતિક સેન્સ-સેરિફ ફોન્ટ. બોડી ટેક્સ્ટ 14px/400, UI લેબલ્સ 16px/500, સેક્શન હેડિંગ 20px/600, 22px/500 -0.02em ના ચુસ્ત અક્ષર અંતર સાથે અને પેજ હેડિંગ 28px/700 પર સ્થિત છે. વધતા કદ સાથે નકારાત્મક અક્ષર અંતર ઘટે છે, જે મોટા સ્ક્રીન કદ પર ભૌમિતિક સેન્સ-સેરિફ ફોન્ટ્સની લાક્ષણિકતા છે. "સોલ્ટ" વૈકલ્પિક ગ્લિફ સુવિધાને સક્ષમ કરે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 12px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 12px |
| પડછાયાઓ | નરમ પડછાયાઓ |
| વિભાગો વચ્ચે | 48px |
| પૃષ્ઠ પહોળાઈ | 1440px |
AI તમારી વેબસાઇટ 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 — સફેદ દિવાલો સાથેની એક ટ્રેન્ડી ગેલેરી