Airbnb
ایک خاموش سفید گیلری کی دیوار جس میں سنگل مرجان سرخ بک مارک ہے۔
Airbnb ایک "سفید کینوس" کے انداز میں کام کرتا ہے، جہاں فوٹو گرافی سب سے زیادہ راج کرتی ہے: تقریباً ہر اسکرین ایک پرسکون مونوکروم فریم ہے، جس سے پراپرٹیز کی فل سکرین امیجز کو مجموعی تاثر دینے کی اجازت ملتی ہے، جس میں ایک واحد، بھرپور مرجان سرخ لہجہ (Rausch) بطور واحد رنگ کیو کی نشاندہی کرتا ہے۔ ٹائپ فیس ایک جیومیٹرک سینز سیریف (Airbnb سیریل VF) ہے — زیادہ تر چھوٹے، پر اعتماد سائز — باڈی ٹیکسٹ، انٹرفیس، اور سیکشن ہیڈنگز (22-22) کے لیے — سخت منفی لائن اسپیسنگ اور فراخ لائن اسپیسنگ کے ساتھ، گھنے ٹیکسٹ والے کارڈز کو پڑھنے کے قابل بناتا ہے۔ انٹرفیس فلیٹ، فریم لیس، اور گول ہے: کارڈز اور کنٹرولز پر 12-3 ریڈیائی، گول گولی کے سائز کے بٹن، اور نرم، پرتوں والے سائے صرف سرچ بار جیسے نمایاں عناصر کے لیے۔ باقی سب کچھ—کارڈز، فہرست اشیاء، لنکس—کروم لہجوں کے بجائے سفید جگہ اور عمدہ لکیروں پر انحصار کرتے ہیں۔
ایک مکمل چوڑائی کی ترتیب جس میں زیادہ سے زیادہ چوڑائی کی کوئی مقررہ حد نہیں ہے — مواد دیکھنے کے قابل علاقے کے اندر کنارے سے کنارے تک پھیلا ہوا ہے، ڈیسک ٹاپ پر ہر طرف تقریباً 40px افقی پیڈنگ کے ساتھ۔ ہیرو ایک تیرتا ہوا سرچ کیپسول ہے، جس کا مرکز ایک غیر جانبدار سفید کینوس پر ہے جس میں کوئی تصویر یا عنوان نہیں ہے۔ سرچ بار ہیرو ہے۔ تلاش کے نیچے، صفحہ عمودی طور پر اسٹیک شدہ، افقی طور پر اسکرولنگ حصوں میں تبدیل ہوتا ہے (چار قطاریں نظر آتی ہیں: نمایاں گھر، عظیم ہوٹل، دیگر شہر، اگلے مہینے دستیاب)، ہر ایک تقریباً 320px لمبا، 48px عمودی گٹروں سے الگ۔ ہر سیکشن افقی اوور فلو اور تیر نیویگیشن کے ساتھ 7 کارڈ گرڈ کا استعمال کرتا ہے۔ فوٹر #f7f7f7 پس منظر پر لنکس کا 3 کالم گرڈ ہے، جس کے بعد کاپی رائٹ کی معلومات، زبان/کرنسی کے اختیارات، اور سوشل میڈیا آئیکنز کے ساتھ نیچے بار ہوتا ہے۔ نیویگیشن ایک فکسڈ ٹاپ بار ہے جس میں سینٹرڈ ٹیب نیویگیشن اور دائیں سیدھ والے کنٹرول ہوتے ہیں۔
فوٹوگرافی بصری نظام پر حاوی ہے، رئیل اسٹیٹ کی فہرستوں کی مکمل اسکرین تصاویر کے ساتھ بنیادی مواد کی قسم کے طور پر کام کرتی ہے۔ تمام تصاویر اصلی گھروں اور ہوٹلوں کے گرم، اچھی طرح سے روشن اندرونی اور بیرونی شاٹس ہیں، جن پر قدرتی رنگ کی اصلاح کے ساتھ عمل کیا گیا ہے (بغیر بھاری فلٹرز یا ڈوٹونز کے)۔ کارڈز کی فہرست سازی کے لیے 1:1 کے پہلو کے تناسب کے ساتھ تصاویر کو مضبوطی سے تراش لیا جاتا ہے، کارڈ کے کنارے کو بغیر خون کے بھرتے ہیں۔ پورے انٹرفیس میں آئیکنز میں ایک مونوکروم آؤٹ لائن (لائن کا وزن ~16–16) ہوتا ہے، جسے نیویگیشن کیٹیگریز اور UI کنٹرولز کے لیے تھوڑا استعمال کیا جاتا ہے۔ لوگو واحد ملٹی کلر گرافک عنصر (Rausch) ہے۔ کوئی عکاسی نہیں، کوئی 3D رینڈر نہیں، کوئی خلاصہ گرافکس نہیں — بصری زبان خالص فوٹو گرافی اور نرم سفید کینوس پر مرصع مونوکروم آئیکنوگرافی ہے۔
پیلیٹ
برانڈ
- Rausch
#ff385c— سرخ رنگ کو شبیہیں، نشانات اور چھوٹے گرافک تفصیلات کے لیے آرائشی لہجے کے طور پر استعمال کیا جاتا ہے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔ - Rausch 600
#e00b41— ہوور/فعال سطحوں پر برانڈ کے لہجے کے طور پر استعمال ہونے والی سطحوں کے لیے Rausch پینٹ کا ایک دبایا ہوا اور سیاہ ورژن۔
غیر جانبدار
- Hof
#222222— باڈی کاپی، مین ٹیکسٹ، ہیڈنگز، آئیکن آؤٹ لائنز، اور الٹا بیک گراؤنڈ سیاہ کے قریب ایک غیر جانبدار رنگ ہے، جو پورے اکرومیٹک نظام کی بنیاد کے طور پر کام کرتا ہے۔ - Foggy
#6a6a6a— ثانوی متن، خاموش کیپشنز، معاون متن، غیر فعال آئیکن فل، اور کارڈ ٹائٹلز کے نیچے سمجھدار میٹا ڈیٹا۔ - Grey 500
#c1c1c1— غیر فعال ٹیکسٹ، ان پٹ فیلڈز میں پلیس ہولڈر ٹیکسٹ، اور خاموش آئیکن کا خاکہ جہاں اسٹیٹس پر ڈی-ایکسیشن کی ضرورت ہے۔ - Bebe
#ebebeb— پتلی بارڈرز، ان پٹ فیلڈز پر انڈر لائنز، لسٹ لائنوں کے درمیان الگ کرنے والے، اور ٹھیک ٹھیک تقسیم کرنے والی لائنیں۔ - Deco
#dddddd— غیر فعال کنٹینرز، پلیس ہولڈرز، اور کارڈ کی غیر فعال حالتوں کے لیے کارڈ کے پس منظر کی تصاویر۔ - Faint
#f7f7f7— صفحہ کینوس کے پس منظر کی تصویر، فوٹر کی سطح، اور انٹرایکٹو عناصر کے لیے ہوور اسٹیٹ ایک نرم، کریمی شیڈ ہے جو اس صفحہ کو خالص سفید کارڈز سے الگ کرتا ہے۔
نوع ٹائپ
11 سے 28px تک · 5 مراحل
- Airbnb Cereal VF — متبادل: Circular · خاکہ 400, 500, 600, 700 · Airbnb کے لیے ڈیزائن کردہ ایک حسب ضرورت جیومیٹرک sans-serif فونٹ۔ باڈی ٹیکسٹ 14px/400 پر، UI لیبلز 16px/500 پر، سیکشن ہیڈنگز 20px/600، 22px/500 پر -0.02em کے سخت خط وقفہ کے ساتھ، اور صفحہ کی سرخیاں 28px/700 پر رکھی گئی ہیں۔ منفی حروف کا فاصلہ بڑھتے ہوئے سائز کے ساتھ کم ہو جاتا ہے، بڑی سکرین کے سائز پر جیومیٹرک sans-serif فونٹس کی خصوصیت۔ "نمک" متبادل گلیف خصوصیت کو فعال کرتا ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 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 — سفید دیواروں کے ساتھ ایک جدید گیلری