
Electronic Materials Office
কাঠকয়লা দিয়ে সজ্জিত একটি গ্যালারিতে জ্বলন্ত অঙ্গার
ইলেকট্রনিক ম্যাটেরিয়ালস অফিস হলো একটি গভীর রাতের কর্মশালা: একটি ম্যাট জেট-কালো ক্যানভাস, একটিমাত্র জ্বলন্ত কমলা অঙ্গার, এবং এমন একটি টাইপফেস যা ঘোষণা করার পরিবর্তে ফিসফিস করে। ইন্টারফেসটি প্রতিটি স্ক্রিনকে একটি অন্ধকার স্টুডিওর মতো ব্যবহার করে—কিবোর্ডের ছবিই হলো একমাত্র আসল আলোর উৎস, এবং ইউআই তা মেনে চলে। ২০০-ওয়েট জিটি-ফ্লেক্সা ফন্টে লেখা শিরোনামগুলো বিশাল শূন্যতার মাঝে ভেসে থাকে; মূল লেখা ইচ্ছাকৃতভাবে ছোট এবং মানবিক (টাইমস)। রঙের ব্যবহার পরিমিত: টাইপের জন্য নিখুঁত সাদা, লিঙ্কের জন্য অনুজ্জ্বল বেগুনি (#9e9eff), এবং পৃষ্ঠার উপর একটিমাত্র কমলা (#f45500) রঙের কল টু অ্যাকশন যা তার নিজস্ব ৩০ পিক্সেলের আভায় উজ্জ্বল হয়ে ওঠে। উপাদানগুলো ২০ পিক্সেলের ব্যাসার্ধের মধ্যে আঁটসাঁটভাবে বসে, বর্ডারগুলো #9d9d9d আকারে প্রায় অদৃশ্য, এবং সিস্টেমের একমাত্র ছায়া হলো মূল অ্যাকশনের চারপাশে থাকা দুটি রঙিন বলয়।
একটি সম্পূর্ণ-প্রস্থের, চারকোল রঙের ক্যানভাস, যার কেন্দ্রে সর্বাধিক-প্রস্থের (~১২০০ পিক্সেল) কন্টেন্ট থাকে। মূল স্ক্রিনটি একটি ২০ পিক্সেল-ব্যাসার্ধের মিডিয়া কার্ড দিয়ে শুরু হয়, যেখানে একটি পণ্যের ভিডিও থাকে এবং যা ভিউপোর্টের প্রস্থের প্রায় ৮০% জায়গা জুড়ে থাকে। এর ঠিক পরেই একটি বহু-লাইনের জিটি-ফ্লেক্সা ২০০ হেডলাইন থাকে যা প্রায় সম্পূর্ণ কন্টেন্টের প্রস্থ জুড়ে বিস্তৃত হয়। সেকশনের বিন্যাস: টোবিয়াস-শৈলীর বড় হাতের অক্ষরে লেখা একটিমাত্র পণ্যের বিবরণ সেকশন, যার পরে পণ্যের বিবরণ কার্ডের একটি ২x২ গ্রিড (ডেস্কটপে) থাকে। কার্ডগুলোতে ১ পিক্সেল #9d9d9d বর্ডার এবং কার্ডগুলোর মধ্যে ২৪ পিক্সেলের গাটার ব্যবহার করা হয়। সেকশনগুলোকে ডিভাইডারের পরিবর্তে ৪৮–১২৮ পিক্সেলের চারকোল নেগেটিভ স্পেস দিয়ে আলাদা করা হয়েছে, যা উল্লম্বভাবে যথেষ্ট ফাঁকা জায়গা তৈরি করে। নেভিগেশন হলো উপরে অ্যাঙ্কর করা একটিমাত্র স্বচ্ছ প্যানেল, যেখানে একগুচ্ছ লুকানো লিঙ্ক এবং একটিমাত্র এমবার কল-টু-অ্যাকশন রয়েছে। কোনো সাইডবার, মেগা-মেনু বা সেকেন্ডারি নেভিগেশন নেই।
ছবিগুলো শুধুমাত্র পণ্য প্রদর্শনের উদ্দেশ্যে ব্যবহৃত হয়েছে—সম্পূর্ণ কালো পটভূমিতে Altar I কিবোর্ডের একটি ক্লোজ-আপ ম্যাক্রো শট, যেখানে উপর থেকে একটি ব্যাকলাইট দেওয়া হয়েছে, যার ফলে কেসটি উজ্জ্বল হয়ে উঠেছে এবং কী-ক্যাপগুলোর কিনারা বরাবর আলো প্রতিফলিত হচ্ছে। কোনো জীবনযাত্রা, মানুষের হাত বা পারিপার্শ্বিক প্রেক্ষাপট নেই। ছবিগুলো হাই-কনট্রাস্ট এবং ডার্ক; এই মনোক্রোম প্যালেটের বাইরে একমাত্র রঙ হলো কিবোর্ডের উপরে থাকা কমলা রঙের পাওয়ার সুইচটি, যা Ember Orange-এর কল-টু-অ্যাকশনকে প্রতিধ্বনিত করে। ছবিগুলো বর্গাকার বা ১৬:৯ অনুপাতে তৈরি, যা সবসময় ২০ পিক্সেল ব্যাসার্ধের কার্ডে স্থাপন করা হয় এবং কার্ডের কিনারা ছাড়িয়ে প্রসারিত থাকে (ছবির চারপাশে কোনো প্যাডিং নেই এবং লেখাগুলো কিনারার নিচে থাকে)। আইকনের ধরন: লোগোর আগে একমাত্র আইকনটি হলো একটি ছোট ভরাট বৃত্ত (●)—একটি একক কমলা রঙের বিন্দু, প্রায় ৬ পিক্সেল পুরু।
প্যালেট
ব্র্যান্ড
- Ember Orange
#f45500— ফিল সহ প্রাইমারি অ্যাকশন বাটনটিই UI-এর একমাত্র বর্ণময় পৃষ্ঠ, যা সর্বদা একটি ৩০ পিক্সেলের কমলা আভা দ্বারা পরিবেষ্টিত থাকে এবং এটিকে ফিলামেন্টের মতো উজ্জ্বল করে তোলে; প্রাইমারি কল বাটনের ৩০ পিক্সেলের বাইরের আভাটি এমবার অরেঞ্জ ষড়ভুজ প্রতীকটিরই প্রতিরূপ, কিন্তু এটি ফিল না হয়ে একটি ছায়া হিসেবে কাজ করে, যার ফলে বাটনটিকে ভেতর থেকে আলোকিত বলে মনে হয়।
নিরপেক্ষ
- Studio Charcoal
#202020— ক্যানভাস ও কার্ডবোর্ডের পৃষ্ঠতলগুলো একটি অন্ধকার গ্যালারির মেঝের মতো, যা কখনোই পুরোপুরি কালো নয়, ফলে চোখ এর নরম প্রান্তগুলোতে বিশ্রাম নিতে পারে। - Bone White
#ffffff— মূল লেখা, ছবির চারপাশে পাতলা বর্ডার এবং একটি বিরল বিপরীত পৃষ্ঠ। সম্পূর্ণ ফন্ট শ্রেণিবিন্যাস স্বাধীনভাবে বজায় রাখা হয়। - Ash Gray
#9d9d9d— অনুজ্জ্বল লেখা, কার্ডের হালকা বর্ডার এবং নিষ্ক্রিয় ক্যাপশনই হলো এই কালার স্কিমের একমাত্র মধ্যম-ধূসর রঙ, যা সাদা রঙ অতিরিক্ত চড়া মনে হলে ব্যবহার করা হয়। - Mid Felt
#eaeaea— উল্টানো প্যানেল বা মোডাল গ্রিডের জন্য একটি হালকা উপরিভাগের প্রলেপ – সাদা রঙের এমন একটি আভা যা বেইজ এবং গাঢ় ক্যানভাসের মাঝামাঝি। - Carbon
#000000— সবচেয়ে আকর্ষণীয় বৈশিষ্ট্যটি হলো আইকনের আঁচড় এবং বৈপরীত্যপূর্ণ ফ্রেম, যেখানে চারকোল ক্যানভাসটি এতটাই হালকা যে তা ভালোভাবে নিজের আকৃতি ধরে রাখতে পারে না। - Lavender Link
#9e9eff— এমবেডেড লিঙ্কের রঙ এবং অতিরিক্ত অ্যাকশন ফ্রেমের আউটলাইনটি উষ্ণ কমলা রঙের বিপরীতে একটি অনুজ্জ্বল ও শীতল বৈপরীত্য তৈরি করে, যা চারকোল পটভূমির বিপরীতে অ্যাকশনগুলোকে সুস্পষ্টভাবে পাঠযোগ্য করে তোলে।
টাইপোগ্রাফি
১৬ থেকে ৮৬ পিক্সেল · ৮টি ধাপ
- GT-Flexa — প্রতিস্থাপন: Inter (200/400) or Manrope (200/400) · রূপরেখা 200, 400 · শিরোনাম এবং আলংকারিক উপাদানের জন্য এটিই প্রধান ফন্ট। ২০০ ওয়েটটি ২৪ পিক্সেলের বেশি আকারের যেকোনো শিরোনামের জন্য ব্যবহার করা যায়—এটি একটি স্বতন্ত্র শৈলী: ৬৮ পিক্সেল এবং ৮৬ পিক্সেল আকারে অক্ষরগুলো তীব্র না হয়ে বরং বাতাসে মিলিয়ে যায় বলে মনে হয়। ৪০০ ওয়েটটি উপ-শিরোনাম এবং কার্ডের ক্যাপশনের জন্য উপযুক্ত, যেখানে এগুলো প্রায় শোনাই যায় না। সবচেয়ে বড় আকারগুলোতে লাইন স্পেসিং কমিয়ে ১.০ করা হয়েছে, ফলে আলংকারিক ফন্টগুলো বাতাসের স্তম্ভের মতো একটির উপর আরেকটি স্তূপীকৃত হয়।
- Tobias-light — প্রতিস্থাপন: Söhne Buch or Inter Tight · রূপরেখা 400 · সেকশন হেডিং এবং ফুটার লোগোর জন্য একটি দ্বিতীয় টাইপোগ্রাফি স্টাইল। এটি GT-Flexa 200-এর এক ধাপ নিচে একটি টোনাল বৈসাদৃশ্য তৈরি করতে ব্যবহৃত হয়—Tobias-এর মধ্যে একটি অধিক স্থাপত্যিক ও অভিব্যক্তিপূর্ণ ভাব রয়েছে, যেখানে GT-Flexa অধিক বায়ুমণ্ডলীয়। নেগেটিভ লেটার স্পেসিং Tobias Light-এর প্রশস্ত অনুপাতকে সংকুচিত করে।
- Times — প্রতিস্থাপন: Source Serif 4 or PT Serif · রূপরেখা 400 · জ্যামিতিক ও আলঙ্কারিক ফন্টগুলোর বিপরীতে ইচ্ছাকৃতভাবে সেরিফ ব্যবহার করে মূল লেখা এবং শিরোনামের অনুচ্ছেদগুলো একটি বৈপরীত্য তৈরি করে। এই সেরিফগুলো মূল লেখার আকার অতিক্রম না করেই পণ্যের বিবরণে উষ্ণতা এবং সম্পাদকীয় কর্তৃত্ব যোগ করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 4-8px |
| বোতামের ব্যাসার্ধ | 20px |
| কার্ডের ব্যাসার্ধ | 20px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 48-128px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Electronic Materials Office স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- OFFFICE : — বিশাল ফন্টে আবৃত একটি নোয়ার গ্যালারি
- Bibliothèque — স্পটলাইটের নিচে একটি কালো ঘনক-আকৃতির গ্যালারি – এক বিশাল, অন্ধকার হলে একাকী আলোকিত একটি প্লেট।
- 21 TSI — রক্তিম শূন্যতা, একটিমাত্র অবয়ব – একটি হাই ফ্যাশন এডিটোরিয়াল যেখানে ইউজার ইন্টারফেস বায়ুমণ্ডলে বিলীন হয়ে যায়।
- Structured — প্লাস্টিকিনের মতো কাগজে রেনেসাঁ গ্যালারি
- CHAIBOY — একটি কালো গ্যালারি দেয়ালে পেছন থেকে আলোকিত একটিমাত্র ছবি
- Holiday 100 — মধ্যরাতের উপহারের এক গ্যালারি—সেরিফ ফন্টের শিরোনাম স্পটলাইটের মতো, কালো ক্যানভাস মখমলের দেয়ালের মতো, আর প্রতিটি পণ্যের ছবি যত্ন করে বেছে নেওয়া ফ্রেমের মতো ঝুলে আছে।
- Apple (España) — দিনের নরম আলোয় জাদুঘরের গ্যালারিটি একটি একক, মনোমুগ্ধকর, ওজনহীন সাদা স্থান, যেখানে হালকা রঙের দেওয়ালের ওপর স্পটলাইটের আলোয় প্রতিটি প্রদর্শনী আলোকিত।
- Analogue — কালো গ্যালারি ডিসপ্লে কেস – পণ্যগুলো শূন্যে ভাসছে
- Apple (España) — অবসিডিয়ান গ্যালারি প্রদর্শনীটি একটি অন্ধকার প্রদর্শনী কক্ষ, যেখানে ঘোর কালো পটভূমির বিপরীতে টাইটানিয়ামের একটিমাত্র বস্তু দ্যুতি ছড়ায়।
- Studio Oker — গাঢ় লাল রঙের ছোঁয়ায় একটি অন্ধকার গ্যালারি—কালো দেয়ালে ঘেরা একটি পোর্টফোলিও কক্ষ, যেখানে সাদা অক্ষরগুলো যেন ভেসে বেড়ায় আর একটিমাত্র লাল ফিসফিসানি নিস্তব্ধতা ভেদ করে যায়।
- 099 SUPPLY — সাদা-কালো বস্তুতে ভরা একটি গ্যালারির দেয়াল
- Retool — একটি উষ্ণ অবসিডিয়ান কর্মশালা — সূক্ষ্ম যন্ত্রপাতির একটি পৃষ্ঠতল, চাপা অঙ্গারের আলোয় আলোকিত, যেখানে সবকিছু সৃষ্টি হয়।