
Airbnb
একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
এয়ারবিএনবি একটি "সাদা ক্যানভাস" শৈলীতে কাজ করে, যেখানে ফটোগ্রাফিরই প্রাধান্য: প্রায় প্রতিটি স্ক্রিনই একটি শান্ত একরঙা ফ্রেম, যা প্রপার্টির পূর্ণ-স্ক্রিন ছবিকে সামগ্রিক ধারণা দিতে সাহায্য করে, এবং একমাত্র একটি গাঢ় কোরাল-লাল অ্যাকসেন্ট (রাউশ) কার্যকলাপ বোঝানোর জন্য রঙের সংকেত হিসেবে ব্যবহৃত হয়। টাইপফেসটি হলো একটি জ্যামিতিক স্যান্স-সেরিফ (এয়ারবিএনবি সিরিয়াল ভিএফ)—মূল টেক্সট, ইন্টারফেস এবং সেকশন হেডিং (২২-২২)-এর জন্য বেশিরভাগই ছোট ও সুস্পষ্ট আকারের—যার টাইট নেগেটিভ লাইন স্পেসিং এবং পর্যাপ্ত লাইন স্পেসিং রয়েছে, যা ঘন টেক্সটযুক্ত কার্ডগুলোকে পাঠযোগ্য করে তোলে। ইন্টারফেসটি ফ্ল্যাট, ফ্রেমবিহীন এবং গোলাকার: কার্ড এবং কন্ট্রোলগুলোতে ১২:৩ ব্যাসার্ধ, গোলাকার পিল-আকৃতির বাটন এবং শুধুমাত্র সার্চ বারের মতো গুরুত্বপূর্ণ উপাদানগুলোর জন্য নরম, স্তরযুক্ত শ্যাডো ব্যবহার করা হয়েছে। বাকি সবকিছু—কার্ড, তালিকার আইটেম, লিঙ্ক—ক্রোম অ্যাকসেন্টের পরিবর্তে সাদা স্থান এবং সূক্ষ্ম রেখার উপর নির্ভর করে।
একটি পূর্ণ-প্রস্থের লেআউট, যার কোনো নির্দিষ্ট সর্বোচ্চ প্রস্থের সীমা নেই—ডেস্কটপে প্রতিটি পাশে প্রায় ৪০ পিক্সেল হরাইজন্টাল প্যাডিং সহ, দৃশ্যমান এলাকার মধ্যে কন্টেন্ট প্রান্ত থেকে প্রান্ত পর্যন্ত বিস্তৃত থাকে। হিরোটি হলো একটি ভাসমান সার্চ ক্যাপসুল, যা কোনো ছবি বা শিরোনাম ছাড়া একটি নিরপেক্ষ সাদা ক্যানভাসের কেন্দ্রে অবস্থিত—সার্চ বারটিই হলো হিরো। সার্চের নিচে, পৃষ্ঠাটি উল্লম্বভাবে সজ্জিত ও অনুভূমিকভাবে স্ক্রলযোগ্য বিভিন্ন বিভাগে রূপান্তরিত হয় (চারটি সারি দৃশ্যমান: ফিচার্ড হোমস, গ্রেট হোটেলস, আদার সিটি, অ্যাভেইলেবল নেক্সট মান্থ), যার প্রতিটি প্রায় ৩২০ পিক্সেল লম্বা এবং ৪৮ পিক্সেলের উল্লম্ব গাটার দ্বারা পৃথক করা। প্রতিটি বিভাগে হরাইজন্টাল ওভারফ্লো এবং অ্যারো নেভিগেশন সহ একটি ৭-কার্ড গ্রিড ব্যবহার করা হয়েছে। ফুটারটি হলো #f7f7f7 ব্যাকগ্রাউন্ডের উপর লিঙ্কের একটি ৩-কলামের গ্রিড, যার নিচে একটি বটম বার রয়েছে যেখানে কপিরাইট তথ্য, ভাষা/মুদ্রার বিকল্প এবং সোশ্যাল মিডিয়া আইকনগুলো থাকে। নেভিগেশনটি হলো একটি স্থির টপ বার, যেখানে কেন্দ্রে ট্যাব নেভিগেশন এবং ডানদিকে সারিবদ্ধ কন্ট্রোলগুলো রয়েছে।
ভিজ্যুয়াল সিস্টেমে ফটোগ্রাফিরই প্রাধান্য, যেখানে রিয়েল এস্টেট তালিকার পূর্ণ-স্ক্রিন ছবিগুলোই প্রধান বিষয়বস্তু হিসেবে কাজ করে। সমস্ত ছবিই বাস্তব বাড়ি এবং হোটেলের উষ্ণ, উজ্জ্বল অভ্যন্তরীণ ও বাহ্যিক শট, যা প্রাকৃতিক রঙ সংশোধনের মাধ্যমে প্রক্রিয়াজাত করা হয়েছে (কোনো ভারী ফিল্টার বা ডুওটোন ছাড়াই)। লিস্টিং কার্ডের জন্য ছবিগুলো ১:১ অ্যাসপেক্ট রেশিওতে নিবিড়ভাবে ক্রপ করা হয়েছে, যা কার্ডের কিনারা জুড়ে বিস্তৃত এবং কোনো বাড়তি অংশ ছাড়াই পূর্ণ। ইন্টারফেস জুড়ে থাকা আইকনগুলোর একটি একরঙা আউটলাইন (লাইন ওয়েট ~১৬-১৬) রয়েছে, যা নেভিগেশন বিভাগ এবং UI নিয়ন্ত্রণের জন্য অল্প পরিমাণে ব্যবহৃত হয়েছে। লোগোটিই একমাত্র বহুরঙা গ্রাফিক উপাদান (রাউশ)। কোনো ইলাস্ট্রেশন, কোনো থ্রিডি রেন্ডার, কোনো বিমূর্ত গ্রাফিক্স নেই—এর ভিজ্যুয়াল ভাষা হলো একটি কোমল সাদা ক্যানভাসের উপর বিশুদ্ধ ফটোগ্রাফি এবং ন্যূনতম একরঙা আইকনোগ্রাফি।
প্যালেট
ব্র্যান্ড
- 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 · এয়ারবিএনবি-র জন্য ডিজাইন করা একটি কাস্টম জ্যামিতিক স্যানস-সেরিফ ফন্ট। মূল টেক্সট ১৪ পিক্সেল/৪০০, ইউআই লেবেল ১৬ পিক্সেল/৫০০, সেকশন হেডিং ২০ পিক্সেল/৬০০, -০.০২em টাইট লেটার স্পেসিং সহ ২২ পিক্সেল/৫০০ এবং পেজ হেডিং ২৮ পিক্সেল/৭০০-এ পজিশন করা হয়েছে। সাইজ বাড়ার সাথে সাথে নেগেটিভ লেটার স্পেসিং কমে যায়, যা বড় স্ক্রিনের ক্ষেত্রে জ্যামিতিক স্যানস-সেরিফ ফন্টের একটি বৈশিষ্ট্য। "সল্ট" অল্টারনেট গ্লিফ ফিচারটি সক্রিয় করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 12px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 12px |
| ছায়া | নরম ছায়া |
| বিভাগগুলির মধ্যে | 48px |
| পৃষ্ঠার প্রস্থ | 1440px |
এআই আপনার ওয়েবসাইটটি Airbnb স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Apple (España) — সাদা গ্যালারি ডিসপ্লে কেস
- Silencio — ভাসমান শিল্পকর্মে সজ্জিত একটি সাদা ঘর। উষ্ণ কাগজ দিয়ে তৈরি একটি গ্যালারি প্রদর্শনী, যেখানে প্রতিটি উপাদান ঋণাত্মক আয়তনের পটভূমিতে নিজ নিজ স্থান অধিকার করে আছে, এবং এই নীরবতা একটি ইচ্ছাকৃত নকশা সিদ্ধান্ত।
- Oakâme — উষ্ণ পাথর কেটে তৈরি, রোদ ঝলমলে একটি প্রোভেনসাল কর্মশালা।
- Nike — ক্রীড়া সাফল্যের এক সাদাকালো গ্যালারি – সাদা দেয়াল, শিল্পকর্মের মতো ফলাফল, পটভূমিতে বিলীন হয়ে যাওয়া ক্রোম।
- Arc — মধ্যরাতের জলের উপর শিল্পসম্মত সাদা গ্যালারি
- Rivian — গ্যালারির কংক্রিটের দেয়ালে একটি বৈদ্যুতিক মনোলিথ। রিভিয়ান প্রতিটি যানবাহনকে এক বিশাল সাদা পটভূমিতে ভাস্কর্য হিসেবে উপস্থাপন করে, যেখানে টাইপোগ্রাফি এতটাই বড় যে তা একটি স্থাপত্য উপাদানে পরিণত হয়, এবং একটিমাত্র উষ্ণ হলুদ রঙ একরঙা পরিবেশকে ভেঙে দেয়, যেন কোনো ম্যাট পৃষ্ঠের ওপর সূর্যের আলো।
- Analogue — কালো গ্যালারি ডিসপ্লে কেস – পণ্যগুলো শূন্যে ভাসছে
- ddna — অপরিশোধিত লিনেনের উপর উষ্ণ জাদুঘরের প্রদর্শনী বাক্স
- Zellerfeld — শ্বেতপাথরের উপর ভাস্করের কর্মশালা—বেদীর অখণ্ড পৃষ্ঠতল, কোবাল্টের একটিমাত্র স্ফুলিঙ্গ, আর মেঝে থেকে ছাদ পর্যন্ত ভেসে আসা ছোট হাতের অক্ষরের ফিসফিসানি।
- UY Studio — মঠের পাথরের গ্যালারিটি কংক্রিটের দেয়ালযুক্ত একটি শান্ত জায়গা, যেখানে সাদা বেদীর ওপর সুগন্ধির বোতল রাখা আছে, যা একটি ৪০০-ওয়াটের বাতি এবং চারটি উষ্ণ ধূসর বাল্বের আলোয় আলোকিত।
- Basic.Space — সাদা মার্বেলের উপর কিউরেটরিয়াল গ্যালারি
- COS — সাদা দেয়াল সহ একটি ট্রেন্ডি গ্যালারি