
Nike
ক্রীড়া সাফল্যের এক সাদাকালো গ্যালারি – সাদা দেয়াল, শিল্পকর্মের মতো ফলাফল, পটভূমিতে বিলীন হয়ে যাওয়া ক্রোম।
Nike.com একটি মনোক্রোম, পণ্য-কেন্দ্রিক গ্যালারি হিসেবে কাজ করে: এর ইউজার ইন্টারফেসটি কার্যত অদৃশ্য, যা পণ্যের ছবিগুলোকে প্রতিটি স্ক্রিন জুড়ে থাকার সুযোগ করে দেয়। সম্পূর্ণ ইন্টারফেসটি কালো, সাদা এবং ধূসর রঙের তিনটি শেড দিয়ে তৈরি—কোনো অ্যাকসেন্ট কালার নেই, কোনো আলংকারিক গ্রেডিয়েন্ট নেই, কোনো উষ্ণ, সিগনেচার ক্রোম নেই। নাইকির সিগনেচার স্টাইল গ্যালারির লোগো এবং ছবিগুলোতে বিদ্যমান, কিন্তু ইউজার ইন্টারফেসের মধ্যে কখনোই নয়। টাইপোগ্রাফিটি সংক্ষিপ্ত এবং ব্যবহারিক, যা ১২-২০ পিক্সেলের একটি বিশেষভাবে ডিজাইন করা Helvetica Now ফন্ট ফ্যামিলির উপর নির্ভর করে, এবং শিরোনামের জন্য ৭৬ পিক্সেলের একটিমাত্র বড় আকারের Nike Futura ND লোগো ব্যবহার করা হয়। উপাদানগুলো মিনিমালিস্ট: ৩০ পিক্সেল ব্যাসার্ধের পিল-আকৃতির বাটন, ফ্ল্যাট প্রোডাক্ট কার্ড, পাতলা বর্ডার এবং উচ্চতার পার্থক্য প্রায় শূন্য। পৃষ্ঠাটি নিখুঁত সাদা পণ্যের সারফেস এবং আকর্ষণীয়, গাঢ় সম্পাদকীয় অংশের মধ্যে পর্যায়ক্রমে পরিবর্তিত হয়, যা অলঙ্করণের পরিবর্তে বৈপরীত্যের মাধ্যমে ছন্দ তৈরি করে।
পৃষ্ঠাটি একটি বলিষ্ঠ সম্পাদকীয় ছন্দ অনুসরণ করে: একটি আকর্ষণীয়, সম্পূর্ণ-প্রস্থের, গাঢ় রঙের হেডার যেখানে একটিমাত্র পণ্য এবং একটি বড় শিরোনাম রয়েছে; এর পরে রয়েছে একটি সম্পূর্ণ-প্রস্থের, ২x২ ক্যাটাগরি গ্রিড, ৩টি কলামে সাজানো পণ্যের কার্ডের একটি আনুভূমিকভাবে স্ক্রলযোগ্য গ্রিড, এবং সবশেষে একটি ঘন, বহু-কলামের ফুটার। সমস্ত কন্টেন্ট ব্লক সম্পূর্ণ ভিউপোর্ট প্রস্থ জুড়ে থাকে এবং এর কোনো সর্বোচ্চ কন্টেইনার প্রস্থ নেই; সর্বোচ্চ প্রস্থের সীমাবদ্ধতা শুধুমাত্র নেভিগেশন এবং ফুটার লিঙ্ক গ্রিডের ক্ষেত্রে প্রযোজ্য। বিভিন্ন অংশের মধ্যে রূপান্তরগুলো সুস্পষ্ট: কালো হেডার → সাদা ক্যাটাগরি গ্রিড → সাদা প্রোডাক্ট গ্রিড → সাদা ফুটার, যেখানে একমাত্র দৃশ্যমান বিভাজন রেখা হিসেবে কাজ করে সরু ধূসর বর্ডার। নেভিগেশনটি একটি মিনিমালিস্ট, দুই-স্তরবিশিষ্ট বার (উপরে সহায়ক লিঙ্ক, কেন্দ্রে প্রধান ক্যাটাগরি) যেখানে কোনো পিনিং, ব্যাকগ্রাউন্ড ফিল বা শ্যাডো নেই। পণ্যের গ্রিডগুলোতে কন্টেন্টের ঘনত্ব সংহত (কার্ডগুলোর মধ্যে কম ব্যবধান) এবং হেডারে প্রশস্ত (সম্পূর্ণ-প্রস্থের ভিউপোর্ট)।
ফটোগ্রাফি হলো প্রধান দৃশ্যমান উপাদান এবং এটি ব্র্যান্ডের সম্পূর্ণ পরিচয়কে সংজ্ঞায়িত করে। এই সিস্টেমে উচ্চ-মানের, পূর্ণ-ফ্রেমের পণ্যের ছবি ব্যবহার করা হয়: যেমন, কোনো লাইফস্টাইল প্রেক্ষাপট ছাড়াই, একটি গাঢ় বা গ্রেডিয়েন্ট ব্যাকগ্রাউন্ডের বিপরীতে আলাদাভাবে তোলা অ্যাথলেটিক জুতার ছবি ফ্রেমটি পূরণ করার জন্য ক্রপ করা হয়। লাইফস্টাইল ছবিগুলো বিভিন্ন ক্যাটাগরির মধ্যে প্রদর্শিত হয়, যেখানে গতিশীল ক্রীড়াবিদদের পা ও পায়ের পাতা দেখানো হয়। একটি উচ্চ-কন্ট্রাস্ট, স্যাচুরেটেড রঙের স্কিম ব্যবহার করা হয়—কালো ব্যাকগ্রাউন্ডের বিপরীতে লাল জুতা, সাদা সোলের উপর নিয়ন অ্যাকসেন্ট এবং উপকরণগুলোকে নাটকীয় করে তোলার জন্য উষ্ণ ও শীতল আলোর ব্যবহার। কোনো ইলাস্ট্রেশন, অ্যাবস্ট্রাক্ট গ্রাফিক্স বা থ্রিডি রেন্ডারিং ব্যবহার করা হয় না। ছবিগুলোর কিনারা সবসময় পরিষ্কার থাকে (ফটো কন্টেইনারে কোনো গোলাকার কোণা থাকে না), সেগুলো তাদের ব্লকের ভেতরের সম্পূর্ণ জায়গা জুড়ে থাকে এবং এর সাথে সর্বদা ন্যূনতম টেক্সট ওভারলে থাকে। আইকনোগ্রাফি সম্পূর্ণরূপে কার্যকরী: সার্চ, উইশলিস্ট, কার্ট এবং অ্যাকাউন্টের জন্য অবসিডিয়ান বা স্টিল রঙের আউটলাইন আইকন।
প্যালেট
নিরপেক্ষ
- Obsidian
#111111— গাঢ় রঙ সাধারণ টেক্সট ও আইকনের পরিপূরক হিসেবে কাজ করে এবং একটি জোরালো বৈসাদৃশ্য তৈরি করে। কোনো কাজ করার আহ্বানের জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা থেকে বিরত থাকুন। - Paper White
#ffffff— পৃষ্ঠার পটভূমি, কার্ডের উপরিভাগ, গাঢ় পটভূমিতে বোতামের লেখা, আইকনের রূপরেখা—পণ্য গ্রিড এবং বিভাগ অংশের জন্য এটিই হলো ডিফল্ট ক্যানভাস। - Concrete Gray
#e5e5e5— বর্ডার, ডিভাইডার, গ্রিড সেকশনগুলোকে আলাদা করার পাতলা রেখা, ইনপুট ফিল্ডের সূক্ষ্ম রূপরেখা। - Soft Mist
#f5f5f5— সেকেন্ডারি সারফেস, নেভিগেশনের সার্চ ফিল্ড ফিল এবং ট্যাগ ব্যাকগ্রাউন্ডের জন্য সূক্ষ্ম ব্যাকগ্রাউন্ড কালার। - Steel
#707072— সহায়ক টেক্সট, অনুজ্জ্বল সহায়ক টেক্সট, ছোট আকারের আইকন আউটলাইন, ব্রেডক্রাম্ব লেবেল, ফুটার লিঙ্ক সেপারেটর। - Faint Gray
#9e9ea0— আইকনের আউটলাইন, ছোটখাটো UI এলিমেন্ট এবং সামান্য হাইলাইটিংযুক্ত বর্ডারগুলো নিষ্ক্রিয় করা হয়েছে।
টাইপোগ্রাফি
১২ থেকে ৭৬ পিক্সেল · ৬টি ধাপ
- Helvetica Now Text Medium — প্রতিস্থাপন: Inter · রূপরেখা 500 · হেলভেটিকা নাউ টেক্সট মিডিয়াম ফন্ট - স্ক্র্যাপ করা ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত হয়নি।
- Helvetica Now Text — প্রতিস্থাপন: Inter or Helvetica Neue · রূপরেখা 400, 500 · ইউজার ইন্টারফেসের মূল টেক্সট — নেভিগেশন লিঙ্ক, বাটনের লেবেল, কার্ডের শিরোনাম, পণ্যের নাম, ফুটার তালিকা এবং সমস্ত বডি টেক্সট।
- Helvetica Now Display Medium — প্রতিস্থাপন: Inter Medium or Helvetica Neue Medium · রূপরেখা 500 · বিভাগের শিরোনাম, কার্ডের ক্যাটাগরি লেবেল, মাঝারি আকারের শিরোনাম – মাঝারি ফন্ট (২০-২৪ পিক্সেল) হলো নাইকির সেইসব শিরোনামের একটি বিশেষ বৈশিষ্ট্য যা বড় কোনো ডিজাইন উপাদান নয়: এটি কখনোই বোল্ড নয়, সর্বদা সংক্ষিপ্ত।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 30px |
| কার্ডের ব্যাসার্ধ | 0px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 48px |
| পৃষ্ঠার প্রস্থ | 1440px |
এআই আপনার ওয়েবসাইটটি Nike স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
- Apple (España) — সাদা গ্যালারি ডিসপ্লে কেস
- Silencio — ভাসমান শিল্পকর্মে সজ্জিত একটি সাদা ঘর। উষ্ণ কাগজ দিয়ে তৈরি একটি গ্যালারি প্রদর্শনী, যেখানে প্রতিটি উপাদান ঋণাত্মক আয়তনের পটভূমিতে নিজ নিজ স্থান অধিকার করে আছে, এবং এই নীরবতা একটি ইচ্ছাকৃত নকশা সিদ্ধান্ত।
- Oakâme — উষ্ণ পাথর কেটে তৈরি, রোদ ঝলমলে একটি প্রোভেনসাল কর্মশালা।
- Arc — মধ্যরাতের জলের উপর শিল্পসম্মত সাদা গ্যালারি
- Rivian — গ্যালারির কংক্রিটের দেয়ালে একটি বৈদ্যুতিক মনোলিথ। রিভিয়ান প্রতিটি যানবাহনকে এক বিশাল সাদা পটভূমিতে ভাস্কর্য হিসেবে উপস্থাপন করে, যেখানে টাইপোগ্রাফি এতটাই বড় যে তা একটি স্থাপত্য উপাদানে পরিণত হয়, এবং একটিমাত্র উষ্ণ হলুদ রঙ একরঙা পরিবেশকে ভেঙে দেয়, যেন কোনো ম্যাট পৃষ্ঠের ওপর সূর্যের আলো।
- Analogue — কালো গ্যালারি ডিসপ্লে কেস – পণ্যগুলো শূন্যে ভাসছে
- ddna — অপরিশোধিত লিনেনের উপর উষ্ণ জাদুঘরের প্রদর্শনী বাক্স
- Zellerfeld — শ্বেতপাথরের উপর ভাস্করের কর্মশালা—বেদীর অখণ্ড পৃষ্ঠতল, কোবাল্টের একটিমাত্র স্ফুলিঙ্গ, আর মেঝে থেকে ছাদ পর্যন্ত ভেসে আসা ছোট হাতের অক্ষরের ফিসফিসানি।
- UY Studio — মঠের পাথরের গ্যালারিটি কংক্রিটের দেয়ালযুক্ত একটি শান্ত জায়গা, যেখানে সাদা বেদীর ওপর সুগন্ধির বোতল রাখা আছে, যা একটি ৪০০-ওয়াটের বাতি এবং চারটি উষ্ণ ধূসর বাল্বের আলোয় আলোকিত।
- Basic.Space — সাদা মার্বেলের উপর কিউরেটরিয়াল গ্যালারি
- COS — সাদা দেয়াল সহ একটি ট্রেন্ডি গ্যালারি