টেলিগ্রাম, WhatsApp+380637610482
ভ্যালেরি ড্যানিউক
ভ্যালেরি ড্যানিউকডেভেলপারব্যবসার জন্য এআই টুল তৈরি করা হয়। উন্নত মানের। সাশ্রয়ী।Telegram-এ লিখুন
Bang & Olufsen — এই শৈলীর একটি সাইটের পূর্বরূপ

Bang & Olufsen

পোর্সেলিনের উপর স্ক্যান্ডিনেভিয়ান গ্যালারি। যখন B&O পৃষ্ঠাটি অন্ধকার থাকে, তখন শিল্পকর্মটি আলোকিত হয়ে ওঠে, যেন মধ্যরাতের কোনো প্রকোষ্ঠের ভাস্কর্য; যখন এটি আলোকিত হয়, তখন শিল্পকর্মটিকে সাদা রেশমের উপর ভাসমান বলে মনে হয়, যার মনোযোগ বিক্ষিপ্ত করার মতো আর কিছুই থাকে না।

ব্যাং অ্যান্ড ওলুফসেন একটি গ্যালারি-মিউজিয়াম নীতিতে কাজ করে: প্রায়-সাদা পোর্সেলিনের ক্যানভাস, যার উপর পণ্যগুলো ভাস্কর্যের মতো ভেসে থাকে। মাঝে মাঝে স্ক্রিনের পুরো প্রস্থ জুড়ে রঙিন ছোঁয়া থাকে—যেমন গভীর আল্ট্রামেরিন ভায়োলেট যা পুরো স্ক্রিন জুড়ে থাকে, আবার কখনও কখনও উজ্জ্বল টেরাকোটা লাল—যা আবেগঘন আবহ তৈরি করে। এর টাইপোগ্রাফি হলো একটিমাত্র, বিশেষভাবে ডিজাইন করা নিও-গ্রোটেস্ক টাইপফেস (BeoSupreme), যা নিজেই নিজের পরিচয় দেয়: বড় স্ক্রিনে প্রায় অদৃশ্য, মাইক্রো-লেবেলে বড় হাতের অক্ষরগুলো বেশ ভরাট, অন্য কোনো টাইপফেসের প্রয়োজন হয় না। উপাদানগুলো ন্যূনতম পর্যায়ে কমিয়ে আনা হয়েছে: স্বচ্ছ পিল-আকৃতির কন্ট্রোল, পাতলা বর্ডার, কোনো আলংকারিক ছায়া নেই, কোনো গ্রেডিয়েন্ট বাটন নেই, কোনো আইকন নেই। গ্রিডটি বেশ বড়, এবং ফাঁকা জায়গা একটি বিলাসিতা। প্রতিটি পণ্যকে তার নিজস্ব ভাসমান ভিত্তি দেওয়া হয়েছে; চারপাশের সাদা অংশটি হলো শূন্যস্থান। রঙকে একটি মূল্যবান উপাদানের মতো বিতরণ করা হয়—যখন এটি আসে, তখন তা পুরো ফ্রেমটি দখল করে নেয়।

সর্বোচ্চ ১৪৪০ পিক্সেল প্রস্থের কন্টেইনারটি কেন্দ্রে অবস্থিত এবং এর কিনারাগুলোতে ২৫ পিক্সেলের অনুভূমিক মার্জিন রয়েছে। হিরো এলিমেন্টটি পেজের সম্পূর্ণ প্রস্থ জুড়ে থাকে (কন্টেইনারটিকে ভেঙে দিয়ে), এবং আলট্রামেরিন রঙের ক্যামেরাটি এক প্রান্ত থেকে অন্য প্রান্ত পর্যন্ত বিস্তৃত। প্রোডাক্ট গ্রিডগুলো ৪-৫টি কলামে ২৫ পিক্সেলের ফাঁক রেখে সমানভাবে সাজানো হয়েছে এবং মোবাইল ডিভাইসে এগুলো অনুভূমিকভাবে স্ক্রল করে। সেকশনগুলো পর্যায়ক্রমে একটি সাদা ব্যাকগ্রাউন্ড এবং সম্পূর্ণ প্রস্থের রঙিন ক্যামেরার মধ্যে আসে—এর ছন্দটি নিম্নরূপ: সাদা প্রোডাক্ট গ্রিড → আলট্রামেরিন হিরো এলিমেন্ট → সাদা প্রোডাক্ট গ্রিড → গাঢ় লাল রঙের এডিটোরিয়াল ব্যানার → সাদা প্রোডাক্ট গ্রিড → আলট্রামেরিন ফুটার। নেভিগেশন হলো একটি মিনিমালিস্ট টপ বার যা সাদা এবং রঙিন সেকশনগুলোর উপরে ভাসমান থাকে (গাঢ় ব্যাকগ্রাউন্ডের উপর লেখাগুলো সাদা রঙে ইনভার্টেড করা)। পেজটি যেন "শ্বাস নেয়"—সেকশনগুলোর মধ্যে ফাঁক ৬০-৮০ পিক্সেল, প্রতিটি প্রোডাক্টের জন্য সেলগুলোর মধ্যে নিজস্ব জায়গা রয়েছে এবং তথ্যের কোনো ঘনত্ব নেই।

পণ্যের ছবিই একমাত্র দৃশ্যমান উপাদান: কোনো লাইফস্টাইল ছবি, মডেল বা পারিপার্শ্বিক প্রেক্ষাপট নেই। পণ্যগুলোর ছবি তোলা হয় সম্পূর্ণ নিরপেক্ষ পটভূমিতে (সাদা, কালো এবং গ্রেডিয়েন্ট গাঢ় নীল) এবং নিয়ন্ত্রিত স্টুডিও লাইটিং ব্যবহার করে, যা ম্যাট অ্যালুমিনিয়াম, চামড়ার টেক্সচার, অ্যানোডাইজড কপার এবং ম্যাট সিলিকনের মতো উপাদানগুলোকে ফুটিয়ে তোলে। ক্রপিং হয় সুনির্দিষ্ট ও কেন্দ্রকেন্দ্রিক এবং মূল বিষয়বস্তুর ওপর জোর দেওয়া হয়। রঙের উপস্থাপনা হয় অনুজ্জ্বল এবং উপাদানের সাথে সামঞ্জস্যপূর্ণ: কপারকে কপার হিসেবেই দেখানো হয়, "গোল্ডেন আওয়ার" হিসেবে নয়। নাটকীয় সম্পাদকীয় মুহূর্তের জন্য, গৌণ দৃশ্যমান মোটিফ হিসেবে সমৃদ্ধ, একরঙা পটভূমির (আল্ট্রামেরিন, টেরাকোটা লাল) বিপরীতে পণ্যের বিক্ষিপ্ত, পূর্ণ-স্ক্রিন সিলুয়েট ব্যবহার করা হয়। আইকনোগ্রাফি: পাতলা ১ পিক্সেলের লাইন, সাদার ওপর কালো বা গাঢ় পটভূমিতে সাদা, জ্যামিতিক, কোনো ফিল বা বহুরঙা ব্যবহার নেই।

প্যালেট

ব্র্যান্ড

  • Ultramarine Velvet #060daa — পৃষ্ঠার উপরে ও নীচে ব্যাকগ্রাউন্ড ছবি, পৃষ্ঠার পুরো প্রস্থ জুড়ে বিস্তৃত আকর্ষণীয় অংশ, এবং ফুটার ফিল—একটি গাঢ়, প্রায় কালো-নীল-বেগুনি রঙ যা পুরো ফ্রেমকে আবৃত করে একটি একক পণ্যকে নাট্যময় অনুভূতি দিতে ব্যবহৃত হয়।

নিরপেক্ষ

  • Porcelain Canvas #ffffff — পেজের ব্যাকগ্রাউন্ড ইমেজ, প্রোডাক্ট কার্ডের ডিজাইন এবং নেভিগেশন বার হলো সেই মৌলিক ভিত্তি যার ওপর প্রতিটি প্রোডাক্ট নির্মিত হয়।
  • Bone #fcfaee — উষ্ণ নিরপেক্ষ টোনের ব্লকগুলির জন্য একটি দ্বিতীয় পৃষ্ঠতল, গাঢ় পটভূমিতে বোতামের লেখা, এবং যখন সাদা রঙ নীরস মনে হয় তখন একটি বিকল্প ক্যানভাস।
  • Obsidian #191817 — মূল লেখা এবং পণ্যের বিবরণের রঙটি একটি উষ্ণ, প্রায় কালো রঙের, যা সাদা পটভূমিতে খাঁটি #000000-এর চেয়েও কোমল দেখায়।
  • Pure Ink #000000 — আইকনের রূপরেখা, মাইক্রোট্যাগ, সূক্ষ্ম বর্ডার এবং লেখার সুস্পষ্ট বৈপরীত্য।
  • Graphite #555555 — সহায়ক পাঠ্য, মেটাডেটা, মূল্য ট্যাগ, নীরব সহায়ক পাঠ্য
  • Mist #e5e5e5 — পাতলা ইনপুট ডেটার সীমানা এবং সিস্টেমের একমাত্র কাঠামোগত বিভাজক।

টাইপোগ্রাফি

১২ থেকে ৩৬ পিক্সেল · ৫টি ধাপ

  • BeoSupreme — প্রতিস্থাপন: Neue Haas Grotesk Display Pro (closest) · রূপরেখা 400, 500, 700 · একটি একক ফন্ট যা সম্পূর্ণ ব্র্যান্ড পরিচয়কে প্রতিফলিত করে। শিরোনাম এবং হেডিং-এর জন্য: আত্মবিশ্বাসী ও সংক্ষিপ্ত হেডলাইনের জন্য ৫০০–৭০০ ওয়েট, ২৪–৩৬ পিক্সেল এবং টাইট লেটার স্পেসিং (-০.০৫৬em → -০.০১৪em)। বডি কপি এবং UI-এর জন্য: ৪০০ ওয়েট, ১৪–১৬ পিক্সেল, নরমাল লেটার স্পেসিং, লাইন স্পেসিং ১.৫–১.৭। মাইক্রোলেবেল (নেভিগেশন, আইকন, "Founded in 1925" স্লোগান): ৫০০ ওয়েট, ৯–১২ পিক্সেল এবং +০.১৪৩em পর্যন্ত ওয়াইড লেটার স্পেসিং, যা অনাড়ম্বর স্থাপত্য টীকা হিসাবে ব্যবহারের জন্য সব অক্ষর বড় হাতের (all caps) অক্ষরে প্রদর্শিত হয়। এর কোনো প্রতিযোগী ফন্ট নেই।
  • object-fit: cover; object-position: center; — প্রতিস্থাপন: Inter · রূপরেখা 400 · object-fit: cover; object-position: center; - এটি নিষ্কাশিত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।

ব্যবধান এবং ফর্ম

উদ্দেশ্যঅর্থ
ঘনত্বঘন
প্রাথমিক পদক্ষেপ8-16px
বোতামের ব্যাসার্ধ40px
কার্ডের ব্যাসার্ধ0px
ছায়ানা - ছায়ার পরিবর্তে সীমানা
বিভাগগুলির মধ্যে60-80px
পৃষ্ঠার প্রস্থ1440px

এআই আপনার ওয়েবসাইটটি Bang & Olufsen স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।

  • Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
  • আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
  • সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
  • সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।

একই রকম শৈলী

  • Structured — প্লাস্টিকিনের মতো কাগজে রেনেসাঁ গ্যালারি
  • Apple (España) — দিনের নরম আলোয় জাদুঘরের গ্যালারিটি একটি একক, মনোমুগ্ধকর, ওজনহীন সাদা স্থান, যেখানে হালকা রঙের দেওয়ালের ওপর স্পটলাইটের আলোয় প্রতিটি প্রদর্শনী আলোকিত।
  • Apple (España) — অবসিডিয়ান গ্যালারি প্রদর্শনীটি একটি অন্ধকার প্রদর্শনী কক্ষ, যেখানে ঘোর কালো পটভূমির বিপরীতে টাইটানিয়ামের একটিমাত্র বস্তু দ্যুতি ছড়ায়।
  • 099 SUPPLY — সাদা-কালো বস্তুতে ভরা একটি গ্যালারির দেয়াল
  • Custo — গানমেটাল রঙের একটি গ্যালারি, যেখানে ব্যবহৃত হয়েছে একশিলা ফন্ট। অনুজ্জ্বল ধূসর-সবুজ আভার একটি শোরুম, যেখানে একটিমাত্র গাঢ় রঙের বস্তু এবং ৫৭ পিক্সেলের ফন্টই নিজের কথা বলে।
  • Apple (España) — দুপুরে হোয়াইট মিউজিয়াম গ্যালারি
  • VITURE — মধ্যরাতের কাঁচের পেছনে নিয়ন আলোয় পণ্যের উপস্থাপনা – একটি অন্ধকার শোরুম, যেখানে একটিমাত্র কমলা রঙের আলোকরশ্মি অন্ধকার ভেদ করে স্ট্যান্ডের ওপর রাখা একজোড়া চশমাকে আলোকিত করছে।
  • HNST Studio — মরিচা-দাগযুক্ত লিনেন কাপড়ে সাজানো একটি আরামদায়ক স্টুডিও হলো একটি স্লো ফ্যাশন গ্যালারি, যেখানে ক্রিম ও চারকোল রঙের অন্যথায় সন্ন্যাসীসুলভ অন্দরসজ্জায় পোড়া কমলা রঙের একটিমাত্র ছোঁয়া উষ্ণতা এনে দেয়।
  • OFFFICE : — বিশাল ফন্টে আবৃত একটি নোয়ার গ্যালারি
  • ARTU — সাদা কাগজের উপর গ্যালারি ওয়াল। ARTU এই প্রদর্শনী স্থানটিকে একটি জাদুঘরের প্রদর্শনী ক্ষেত্রের মতো করে সাজিয়েছে—বড় আকারের পণ্যের ছবি, সূক্ষ্ম নকশা এবং একেবারে নিচে চুনের একটিমাত্র ছোঁয়া, যা পুরো নকশাটিকে পূর্ণতা দেয়।
  • Specht Studio — সূক্ষ্ম কৌতূহলে পরিপূর্ণ একটি গ্যালারি দেয়াল। স্টুডিওটির নিজস্ব ক্রোম ফিনিশটি হলো একটি সাদা পৃষ্ঠ এবং কালো অক্ষর; এর দৃশ্যগত চমক সম্পূর্ণরূপে প্রকল্পটির টাইলসের কাজের মধ্যেই কেন্দ্রীভূত।
  • MindMarket — ক্রিম রঙের কাগজে ছাপা একটি আরামদায়ক রূপকথার বই — এক বন্ধুত্বপূর্ণ সম্পাদকীয় ক্যানভাস, যেখানে রোদ ঝলমলে ও স্টিকারের মতো নরম এক পৃষ্ঠতলে ইন্টার-এর বড় বড় শিরোনাম আর কেটে বানানো কাগজের চরিত্রগুলো সহাবস্থান করে।