Airbnb

د مرجان سره یو واحد بک مارک سره یو خاموش سپین ګالري دیوال

Airbnb په "سپین کینوس" سټایل کې کار کوي، چیرې چې عکاسي خورا لوړه ده: نږدې هره سکرین یو خاموش مونوکروم چوکاټ دی، چې د ملکیتونو بشپړ سکرین عکسونو ته اجازه ورکوي چې ټولیز تاثر ورسوي، د یو واحد، بډایه مرجان-سور تلفظ (راوش) سره د یوازینۍ رنګ اشاره په توګه چې عمل څرګندوي. ټایپفیس یو جیومیټریک سینز سیریل (ایربنب سیریل VF) دی - ډیری کوچني، باوري اندازې - د بدن متن، انٹرفیس، او برخې سرلیکونو لپاره (22-22) - د سخت منفي کرښې واټن او سخاوتمند کرښې واټن سره، د ګڼ متن سره کارتونه د لوستلو وړ کوي. انٹرفیس فلیټ، فریم پرته، او ګرد دی: په کارتونو او کنټرولونو کې 12-3 شعاع، ګرد ګولۍ شکل لرونکي تڼۍ، او نرم، پرت لرونکي سیوري یوازې د مهمو عناصرو لکه د لټون بار لپاره. نور هرڅه - کارتونه، د لیست توکي، لینکونه - د کروم تلفظونو پرځای په سپین ځای او ښی لیکو تکیه کوي.

د بشپړ پلنوالي ترتیب چې د اعظمي پلنوالي ټاکل شوی حد نلري — مینځپانګه د لیدلو وړ ساحې دننه له څنډې څخه تر څنډې پورې غځیږي، په ډیسټاپ کې په هر اړخ کې شاوخوا 40px افقي پیډینګ لري. هیرو د لټون یو تیرونکی کیپسول دی، چې په غیر جانبدار سپین کینوس کې مرکز شوی چې هیڅ عکس یا سرلیک نلري — د لټون بار هیرو دی. د لټون لاندې، پاڼه په عمودي ډول ډک شوي، افقي سکرول کولو برخو ته لیږدول کیږي (څلور قطارونه لیدل کیږي: ځانګړي کورونه، عالي هوټلونه، نور ښار، راتلونکې میاشت شتون لري)، هر یو نږدې 320px لوړ، د 48px عمودی ګټرونو لخوا جلا شوی. هره برخه د افقي اوور فلو او تیر نیویګیشن سره د 7 کارت گرډ کاروي. فوټر د #f7f7f7 پس منظر کې د لینکونو 3 کالم گرډ دی، وروسته د کاپي حق معلوماتو، ژبې / اسعارو اختیارونو، او ټولنیزو رسنیو شبکو سره د ښکته بار دی. نیویګیشن یو ثابت پورتنۍ بار دی چې د مرکز شوي ټب نیویګیشن او ښي خوا ته تنظیم شوي کنټرولونه لري.

عکاسي د بصري سیسټم په سر کې ده، د املاکو لیستونو بشپړ سکرین عکسونه د لومړني مینځپانګې ډول په توګه کار کوي. ټول عکسونه د اصلي کورونو او هوټلونو ګرم، ښه روښانه داخلي او بهرني شاټونه دي، د طبیعي رنګ سمون سره پروسس شوي (پرته له درنو فلټرونو یا دوه ګونی). انځورونه د کارتونو لیست کولو لپاره د 1:1 اړخ تناسب سره په کلکه کراپ شوي، د کارت څنډه پرته له وینې ډکوي. په ټوله انٹرفیس کې شبیهونه د مونوکروم خاکه لري (د کرښې وزن ~16-16)، د نیویګیشن کټګوریو او UI کنټرولونو لپاره په لږ ډول کارول کیږي. لوګو یوازینی څو رنګه ګرافیک عنصر دی (راوش). هیڅ انځورونه، هیڅ 3D رینډرونه، هیڅ خلاص ګرافیک نشته - بصري ژبه خالص عکاسي او په نرم سپین کینوس کې لږترلږه مونوکروم عکس العمل دی.

انټرنیټ پلورنځی مینیمالیزم مونوکروم پریمیم

https://www.airbnb.com

پالټ

برانډ

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 — د سپینو دیوالونو سره یو عصري ګالري