
Zellerfeld
শ্বেতপাথরের উপর ভাস্করের কর্মশালা—বেদীর অখণ্ড পৃষ্ঠতল, কোবাল্টের একটিমাত্র স্ফুলিঙ্গ, আর মেঝে থেকে ছাদ পর্যন্ত ভেসে আসা ছোট হাতের অক্ষরের ফিসফিসানি।
জেলারফেল্ডকে দেখলে মনে হয় যেন সাদা মার্বেলের উপর ডিজিটাল ভাস্করদের একটি গ্যালারি—থ্রিডি-প্রিন্টেড জুতোর একটি বাজার, যেখানে একরঙা পৃষ্ঠতল, প্রচুর সাদা জায়গা এবং বড়, ছোট হাতের হরফ প্রতিটি পণ্যকে একটি জাদুঘরের প্রদর্শনীর মতো করে উপস্থাপন করে। এর ইন্টারফেসটি অত্যন্ত সংযত: একটি বর্ণহীন ক্যানভাস, যেখানে শুধুমাত্র একটি উজ্জ্বল কোবাল্ট রঙ (#000aff) জরুরি মুহূর্তগুলোর জন্য সংরক্ষিত—যেমন আইকন, সক্রিয় "শপ" নেভিগেশন এবং বর্তমান স্লাইডের অবস্থা। কার্ডগুলো নিখাদ সাদার পরিবর্তে একটি উষ্ণ মুক্তা-ধূসর পটভূমিতে ভেসে থাকে, যা গ্রিডটিকে একটি স্পর্শযোগ্য, প্লাস্টারের মতো রূপ দেয়। টাইপফেস হিসেবে একটিমাত্র কাস্টম স্যান্স-সেরিফ (রুবার্ট) ব্যবহার করা হয়েছে, যার অক্ষরগুলোর মধ্যে ব্যবধান খুব কম, এবং স্পেস মনো শুধুমাত্র মূল্য, পণ্যের তালিকা এবং প্রযুক্তিগত মেটাডেটার জন্য ব্যবহৃত হয়। ফলস্বরূপ, পণ্যের পৃষ্ঠাটিকে একটি রিটেইল চেকআউটের চেয়ে ডিজাইন প্রেস সাইটের মতো বেশি মনে হয়—এখানে পণ্য বিক্রি না করে শুধু ছবি তোলা হয়।
পৃষ্ঠাটি এর সম্পূর্ণ প্রস্থ জুড়ে বিস্তৃত এবং এতে একটি ১৪৪০ পিক্সেলের কন্টেন্ট স্ট্রিপ রয়েছে। এর প্রধান উপাদানটি হলো একটি ফ্লোটিং UI ওভারলে সহ একটি ফুল-স্ক্রিন ফটো ব্যানার। প্রোডাক্ট সেকশনগুলোতে একটি ৪-কলামের গ্রিড ব্যবহার করা হয়েছে, যা ট্যাবলেটে ২টি এবং মোবাইল ডিভাইসে ১টি কলামে সংকুচিত হয়। সেকশনগুলোর বিন্যাস হলো: বড় প্রোডাক্টের বিবরণ → সম্পাদকীয় রেটিং গ্রিড → নতুন রিলিজের গ্রিড → প্রেস যোগাযোগের তথ্য প্যানেল। প্রতিটি প্রোডাক্ট সেকশন তার কন্টেন্টকে স্ট্রিপের মাঝখানে রাখে এবং সেকশনগুলোর মধ্যে উল্লম্বভাবে ৮০ পিক্সেল জায়গা ব্যবহার করে। নেভিগেশন হিসেবে একটি একক সারিতে একটি স্থির টপ বার রয়েছে, যার উপরে একটি পাতলা বিজ্ঞাপনের স্ট্রিপ আছে। প্রোডাক্ট কার্ডগুলো একটি কঠোর গ্রিড অনুযায়ী সাজানো—ইমেজ এরিয়াটি সবসময় জুতার সিলুয়েটের উপর কেন্দ্র করে থাকে এবং কার্ডের মধ্যে উপরে/নিচে ৪০ পিক্সেলের প্যাডিং থাকে, আর মেটাডেটা ক্লাস্টারটি নিচের বাম কোণে একটি ৪০x৪০ ব্র্যান্ড লোগো দিয়ে অ্যাঙ্কর করা থাকে।
পণ্যের ছবিই হলো প্রধান দৃশ্যমান উপাদান—প্রতিটি জুতোর ছবি তোলা হয় একটি নিখাদ সাদা বা প্লাস্টারের পৃষ্ঠের উপর তিন-চতুর্থাংশ কোণ থেকে, যা কোনো প্রেক্ষাপট, মডেল বা পারিপার্শ্বিকতা ছাড়াই পুরো কার্ডটি জুড়ে থাকে। মূল উপাদানটি হলো একটি পরিপূর্ণ লাইফস্টাইল ফটোগ্রাফ: বালি বা কংক্রিটের উপর রাখা পা ও জুতোর ক্রপ করা শট, যা সর্বদা মানুষের মাপে তোলা, কিন্তু কখনোই নিখুঁত স্টুডিও-মানের নয়। এখানে "বিষয়বস্তুই প্রধান উপাদান" নীতিটি প্রযোজ্য—এমনকি মূল সম্পাদকীয় উপাদানটিতেও জুতো ফ্রেমের দৃশ্যমান এলাকার ৪০% জুড়ে থাকে। কোনো আলংকারিক গ্রাফিক উপাদান, বিমূর্ত নকশা বা চিত্র ব্যবহার করা হয় না। আইকনগুলো রৈখিক, কালো রঙে রেখাঙ্কিত, কখনোই ভরাট করা বা রঙিন নয়।
প্যালেট
ব্র্যান্ড
- Electric Cobalt
#000aff— নতুন আইকন, সক্রিয় নেভিগেশন বার, বর্তমান স্লাইড নির্দেশক, সক্রিয়করণের মুহূর্ত—সিস্টেমের একমাত্র বর্ণিল সংকেত, যা পরিমিতভাবে ব্যবহৃত হয়, যাতে এটিকে সজ্জার পরিবর্তে সক্রিয়করণ হিসেবে প্রতীয়মান হয়।
নিরপেক্ষ
- Pale Iris
#e5e7ff— ব্যাজের জন্য নতুন কালার ফিল, একটি সফট হাইলাইট, এবং লেবেলিং অপশনের জন্য একটি টিন্টেড সারফেস—একটি অনুজ্জ্বল কোবাল্ট শেড যা মনোক্রোম প্যালেটকে ব্যাহত না করেই রঙের আভাস দেয়। - Ink Black
#111111— মূল লেখা, ডিফল্ট বর্ডার, আইকনের আউটলাইন, পাতলা বিভাজক - শিরোনাম, তালিকা এবং লিঙ্কের জন্য প্রধান কাঠামোগত রঙ। - Pure White
#ffffff— নিরপেক্ষ ফর্ম স্টেট, আইকন টেক্সট এবং বিচক্ষণ UI ফিডব্যাকের ক্ষেত্রে রঙকে সূক্ষ্ম রাখতে ব্যবহার করা উচিত। কল টু অ্যাকশনের জন্য এটিকে প্রাথমিক রঙ হিসেবে ব্যবহার করা থেকে বিরত থাকুন। - Plaster
#ecedee— প্রোডাক্ট কার্ডের জন্য দ্বিতীয় পৃষ্ঠতল, নেভিগেশন বারের ব্যাকগ্রাউন্ড, ক্যানভাসের উপরে একটি মসৃণ উঁচু স্তর। - Slate
#a1a4aa— কার্ড ফ্রেমের শেড, বাটনের নিউট্রাল ফিল এবং বাটনের মিউটেড বর্ডার হলো এমন ধূসর রঙ যা কার্ডের প্রান্তগুলোকে গাঢ় না করেই ফুটিয়ে তোলে। - Fog
#d7d7d7— হালকা কার্ডের ফ্রেম, বিভাজন রেখা, নিষ্ক্রিয় পৃষ্ঠের আভা।
টাইপোগ্রাফি
১৩ থেকে ১২৮ পিক্সেল · ৭টি ধাপ
- Roobert — প্রতিস্থাপন: Inter · রূপরেখা 400, 500, 600, 700 · মূল ব্র্যান্ডের ফন্টটি বডি কপি থেকে শুরু করে হেডলাইন পর্যন্ত সবকিছুর জন্য ব্যবহৃত হয়। সব সাইজে লাইন স্পেসিং একই থাকে, যা লোগোর ছোট হাতের অক্ষরগুলোকে একটি ঘন, ভাস্কর্যময় রূপ দেয়। প্রেক্ষাপট অনুযায়ী ফন্টের ওয়েট বা ওজন বাড়ে: বডি কপি এবং UI-এর জন্য ৪০০, হাইলাইট করা হেডিংয়ের জন্য ৫০০, পণ্যের নামের জন্য ৬০০, এবং বড় শিরোনামের জন্য ৭০০।
- Space Mono — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400, 600 · প্রযুক্তিগত মেটাডেটা—যেমন মূল্য (€189.00), শীর্ষ-১০ অবস্থানের সাংখ্যিক মান, টিকার সিম্বল এবং স্টোরের নাম—সেখানে যোগ করা হয়, যেখানে পৃষ্ঠাটিকে প্রচারমূলক লেখার পরিবর্তে একটি প্রযুক্তিগত বিবরণ হিসেবে প্রতীয়মান করা উচিত।
- Arial — প্রতিস্থাপন: Inter · রূপরেখা 400 · এরিয়াল - সংগৃহীত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 16px |
| বোতামের ব্যাসার্ধ | 10px |
| কার্ডের ব্যাসার্ধ | 10px |
| ছায়া | ন্যূনতম |
| বিভাগগুলির মধ্যে | 80px |
| পৃষ্ঠার প্রস্থ | 1440px |
এআই আপনার ওয়েবসাইটটি Zellerfeld স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
- Apple (España) — সাদা গ্যালারি ডিসপ্লে কেস
- Silencio — ভাসমান শিল্পকর্মে সজ্জিত একটি সাদা ঘর। উষ্ণ কাগজ দিয়ে তৈরি একটি গ্যালারি প্রদর্শনী, যেখানে প্রতিটি উপাদান ঋণাত্মক আয়তনের পটভূমিতে নিজ নিজ স্থান অধিকার করে আছে, এবং এই নীরবতা একটি ইচ্ছাকৃত নকশা সিদ্ধান্ত।
- Oakâme — উষ্ণ পাথর কেটে তৈরি, রোদ ঝলমলে একটি প্রোভেনসাল কর্মশালা।
- Nike — ক্রীড়া সাফল্যের এক সাদাকালো গ্যালারি – সাদা দেয়াল, শিল্পকর্মের মতো ফলাফল, পটভূমিতে বিলীন হয়ে যাওয়া ক্রোম।
- Arc — মধ্যরাতের জলের উপর শিল্পসম্মত সাদা গ্যালারি
- Rivian — গ্যালারির কংক্রিটের দেয়ালে একটি বৈদ্যুতিক মনোলিথ। রিভিয়ান প্রতিটি যানবাহনকে এক বিশাল সাদা পটভূমিতে ভাস্কর্য হিসেবে উপস্থাপন করে, যেখানে টাইপোগ্রাফি এতটাই বড় যে তা একটি স্থাপত্য উপাদানে পরিণত হয়, এবং একটিমাত্র উষ্ণ হলুদ রঙ একরঙা পরিবেশকে ভেঙে দেয়, যেন কোনো ম্যাট পৃষ্ঠের ওপর সূর্যের আলো।
- Analogue — কালো গ্যালারি ডিসপ্লে কেস – পণ্যগুলো শূন্যে ভাসছে
- ddna — অপরিশোধিত লিনেনের উপর উষ্ণ জাদুঘরের প্রদর্শনী বাক্স
- UY Studio — মঠের পাথরের গ্যালারিটি কংক্রিটের দেয়ালযুক্ত একটি শান্ত জায়গা, যেখানে সাদা বেদীর ওপর সুগন্ধির বোতল রাখা আছে, যা একটি ৪০০-ওয়াটের বাতি এবং চারটি উষ্ণ ধূসর বাল্বের আলোয় আলোকিত।
- Basic.Space — সাদা মার্বেলের উপর কিউরেটরিয়াল গ্যালারি
- COS — সাদা দেয়াল সহ একটি ট্রেন্ডি গ্যালারি