
COS
সাদা দেয়াল সহ একটি ট্রেন্ডি গ্যালারি
COS একটি সমসাময়িক আর্ট গ্যালারির ভিজ্যুয়াল ব্যাকরণ ব্যবহার করে: বিশাল সাদা দেয়াল, বড় আকারের একরঙা ফটোগ্রাফ এবং এমন টাইপোগ্রাফি যা মডেলদের সাথে কোনো রকম হস্তক্ষেপ করে না। ইন্টারফেসটি কার্যত বর্ণহীন—অ্যাক্রোম্যাটিক—একমাত্র কাঠামোগত বৈসাদৃশ্য হিসেবে বিশুদ্ধ সাদার (#ffffff) উপর প্রায়-কালো (#080808) রঙ ব্যবহার করা হয়েছে, এবং শুধুমাত্র এক চিমটি লাল (#c80000) রঙকে এমন মুহূর্তগুলোর জন্য একটি সূক্ষ্ম অ্যাকসেন্ট হিসেবে সংরক্ষিত রাখা হয়েছে, যেগুলোকে জরুরি মনে হলেও খুব বেশি স্পষ্ট নয়। স্পেসিং যথেষ্ট প্রশস্ত এবং সম্পাদকীয়ভাবে যথাযথ, যেখানে সেকশন ইনডেন্ট ১৩৫ পিক্সেল পর্যন্ত পৌঁছায়, এবং উপাদানগুলো পৃষ্ঠার সাথে মিশে যায়: #dadada-তে পাতলা বর্ডার, কোনো শ্যাডো নেই, কোনো গ্রেডিয়েন্ট নেই, কোনো গোলাকার কোণা নেই। টাইপোগ্রাফি (SuisseIntl) হলো একমাত্র অলঙ্কার—একটি একক গ্রোটেস্ক ফন্ট ফ্যামিলি যা ১২ পিক্সেলের মাইক্রো-লেবেল থেকে ৩৫ পিক্সেলের ক্যাটাগরি বিবরণ পর্যন্ত সামঞ্জস্যপূর্ণ থাকে, এবং গ্যালারির টাইপফেসগুলোকে মনে করিয়ে দেওয়ার জন্য এটি সামান্য পজিটিভের দিকে সরে যায়।
পূর্ণ-উচ্চতার পেজ মডেলে—ক্যানভাসটি কোনো সর্বোচ্চ-প্রস্থের কন্টেইনার ছাড়াই এক প্রান্ত থেকে অন্য প্রান্ত পর্যন্ত বিস্তৃত থাকে, এবং কন্টেন্টকে মাঝখানে থাকা কলামের পরিবর্তে বিভাজক ছবি ও সাদা জায়গা দিয়ে স্থির রাখা হয়। হিরো সেকশনটি দুটি পূর্ণ-প্রস্থের সম্পাদকীয় পোর্ট্রেটের একটি ৫০/৫০ উল্লম্ব বিভাজন, যা এতটাই প্রভাবশালী যে এটি ব্র্যান্ডের কাঠামোগত পরিচয়চিহ্ন হিসেবে কাজ করে। হিরো সেকশনের নিচে, সাদা পটভূমিতে টেক্সট ব্লক (মাঝখানে, একটি একক কলামে) এবং অতিরিক্ত পূর্ণ-উচ্চতার ছবির মধ্যে পর্যায়ক্রমে বিভিন্ন সেকশন রয়েছে। উল্লম্ব বিন্যাসটি প্রশস্ত: সেকশনগুলোর মাঝের ফাঁকগুলো স্ট্রাইপগুলোর মধ্যে একটি স্থানের অনুভূতি তৈরি করে, যেমনটা কোনো জাদুঘরের দেয়ালে দেখা যায়। নেভিগেশনটি হলো একটি একক পাতলা সাদা স্ট্রিপ, যার মাঝখানে একটি লোগো এবং ডানদিকে সারিবদ্ধ একটি লোকেল সিলেক্টর রয়েছে—এখানে কোনো হরাইজন্টাল ক্যাটাগরি বার নেই, মূল ফ্রেমে কোনো মেগা-মেনুও দেখা যায় না। তথ্যের ঘনত্ব কম: প্রতিটি সেকশনে একটি বিবৃতি, প্রতিটি ধারণার জন্য একটি ছবি।
পৃষ্ঠা জুড়ে রয়েছে বড় আকারের সম্পাদকীয় ফ্যাশন ফটোগ্রাফ—নিয়ন্ত্রিত স্টুডিওর আলোতে তোলা মডেলদের পূর্ণ-প্রস্থের প্রতিকৃতি এবং তিন-চতুর্থাংশ দৈর্ঘ্যের শট, যা মূলত নিরপেক্ষ এবং উষ্ণ আভায় মৃদু। ছবিগুলো ঘনসন্নিবিষ্ট, যা পৃষ্ঠার এক প্রান্ত থেকে অন্য প্রান্ত পর্যন্ত জায়গাটি পূর্ণ করে রেখেছে; এতে কোনো গোলাকার কোণা, আলংকারিক আবরণ বা একটির ওপর আরেকটি বসানো ফ্রেম নেই। একটি স্বতন্ত্র কৌশল হলো "পাশাপাশি দুটি প্রতিকৃতি" (MUJER / HOMBRE) ফ্রেম: দুটি সমান গুরুত্বপূর্ণ প্রতিকৃতি পাশাপাশি রাখা হয়, যার প্রতিটির নিচের বাম কোণে একটিমাত্র বিভাগীয় ট্যাগ দেওয়া থাকে। ফটোগ্রাফগুলো গ্যালারির প্রিন্টের মতো করে ফ্রেম করা—বিষয়বস্তুই প্রধান, কোনো প্রেক্ষাপট নেই, মানুষের মাপ অনুপস্থিত এবং রঙের ব্যবহার একরঙা। জীবনের কোনো দৃশ্য নেই, কোনো সাজসজ্জার উপকরণ নেই, কোনো টেক্সচারযুক্ত পটভূমি নেই।
প্যালেট
নিরপেক্ষ
- Canvas White
#ffffff— একটি অনাড়ম্বর পটভূমি তৈরি করতে এবং বিভিন্ন অংশ আলাদা করার জন্য এটি একটি হালকা সহায়ক পৃষ্ঠ। এটিকে কল টু অ্যাকশন-এর প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়। - Ink Black
#080808— মূল লেখা, আইকন, লিঙ্ক, নেভিগেশন টাইপ, বাটনের বর্ডার, লোগো, ফুটারের লেখা—এগুলোর জন্য নিখুঁত কালোর চেয়ে হালকা কোনো রঙ ব্যবহার করতে হবে, যাতে এর বিপরীতে ছবিগুলো অতিরিক্ত তীক্ষ্ণ না দেখায়। - True Black
#000000— গাঢ় রঙের ছবির ওপর মূল লেখা, বডি টেক্সট, বাটনের লেবেল—এসবের ক্ষেত্রে শুধুমাত্র সবচেয়ে বৈসাদৃশ্যপূর্ণ টাইপোগ্রাফিক উপাদানগুলোর জন্যই নিখুঁত কালো রঙ ব্যবহার করা হয়। - Mist Gray
#dadada— সূক্ষ্ম বর্ডার, আন্ডারলাইন করা ইনপুট ফিল্ড, সূক্ষ্ম বিভাজক, নিষ্ক্রিয় থাকলে আউটলাইন—সবচেয়ে শান্ত নিরপেক্ষ আভা, যা কেবল তার দ্বারা পৃথক করা বিষয়গুলোর মাধ্যমেই দৃশ্যমান হয়। - Signal Red
#c80000— লাল রঙটি আলংকারিক বিবরণে অতিরিক্ত মাত্রা যোগ করতে এবং নিম্ন কম্পাঙ্কগুলোকে ফুটিয়ে তুলতে ব্যবহৃত হয়।
টাইপোগ্রাফি
১২ থেকে ৩৫ পিক্সেল · ৩টি ধাপ
- SuisseIntl — প্রতিস্থাপন: Neue Haas Grotesk Display · রূপরেখা 400, 500, 700 · পুরো ইন্টারফেস জুড়ে ন্যাভিগেশন, মূল লেখা, শিরোনাম, বাটন এবং পণ্যের বিবরণের জন্য একটিমাত্র ফন্ট ব্যবহার করা হয়েছে। পজিটিভ লেটার স্পেসিং (০.০১–০.০৪em) একটি স্ক্রিন ফন্টের জন্য বেশ ব্যতিক্রমী এবং এটি একটি মুদ্রিত ক্যাটালগের অনুভূতিকে আরও বাড়িয়ে তোলে; ৭০০ ওয়েট ক্যাটাগরির বিবরণের জন্য, ৫০০ ওয়েট ন্যাভিগেশন ও বাটনের জন্য এবং ৪০০ ওয়েট বাকি সবকিছুর জন্য সংরক্ষিত রাখা হয়েছে। ব্র্যান্ডিংটি একটিমাত্র ফন্ট ফ্যামিলি এবং একটি অত্যন্ত সীমিত সাইজ রেঞ্জের (১২–৩৫px) সাথে সামঞ্জস্যপূর্ণ—ফন্টটি কখনোই মূল লেখাকে ছাপিয়ে যায় না।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 0px |
| কার্ডের ব্যাসার্ধ | 0px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 135px |
এআই আপনার ওয়েবসাইটটি COS স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
- Apple (España) — সাদা গ্যালারি ডিসপ্লে কেস
- Silencio — ভাসমান শিল্পকর্মে সজ্জিত একটি সাদা ঘর। উষ্ণ কাগজ দিয়ে তৈরি একটি গ্যালারি প্রদর্শনী, যেখানে প্রতিটি উপাদান ঋণাত্মক আয়তনের পটভূমিতে নিজ নিজ স্থান অধিকার করে আছে, এবং এই নীরবতা একটি ইচ্ছাকৃত নকশা সিদ্ধান্ত।
- Oakâme — উষ্ণ পাথর কেটে তৈরি, রোদ ঝলমলে একটি প্রোভেনসাল কর্মশালা।
- Nike — ক্রীড়া সাফল্যের এক সাদাকালো গ্যালারি – সাদা দেয়াল, শিল্পকর্মের মতো ফলাফল, পটভূমিতে বিলীন হয়ে যাওয়া ক্রোম।
- Arc — মধ্যরাতের জলের উপর শিল্পসম্মত সাদা গ্যালারি
- Rivian — গ্যালারির কংক্রিটের দেয়ালে একটি বৈদ্যুতিক মনোলিথ। রিভিয়ান প্রতিটি যানবাহনকে এক বিশাল সাদা পটভূমিতে ভাস্কর্য হিসেবে উপস্থাপন করে, যেখানে টাইপোগ্রাফি এতটাই বড় যে তা একটি স্থাপত্য উপাদানে পরিণত হয়, এবং একটিমাত্র উষ্ণ হলুদ রঙ একরঙা পরিবেশকে ভেঙে দেয়, যেন কোনো ম্যাট পৃষ্ঠের ওপর সূর্যের আলো।
- Analogue — কালো গ্যালারি ডিসপ্লে কেস – পণ্যগুলো শূন্যে ভাসছে
- ddna — অপরিশোধিত লিনেনের উপর উষ্ণ জাদুঘরের প্রদর্শনী বাক্স
- Zellerfeld — শ্বেতপাথরের উপর ভাস্করের কর্মশালা—বেদীর অখণ্ড পৃষ্ঠতল, কোবাল্টের একটিমাত্র স্ফুলিঙ্গ, আর মেঝে থেকে ছাদ পর্যন্ত ভেসে আসা ছোট হাতের অক্ষরের ফিসফিসানি।
- UY Studio — মঠের পাথরের গ্যালারিটি কংক্রিটের দেয়ালযুক্ত একটি শান্ত জায়গা, যেখানে সাদা বেদীর ওপর সুগন্ধির বোতল রাখা আছে, যা একটি ৪০০-ওয়াটের বাতি এবং চারটি উষ্ণ ধূসর বাল্বের আলোয় আলোকিত।
- Basic.Space — সাদা মার্বেলের উপর কিউরেটরিয়াল গ্যালারি