INO

নিস্তব্ধ জাদুঘরের একটি প্রদর্শনী সামগ্রী – প্রতিটি প্রদর্শনী একটি সাদা শূন্যতায় ভাসছে, যেন কাচের পেছনে একটি একক বস্তু, প্রায় কালো, প্রায়-শ্রবণাতীত একটি ফন্ট দ্বারা বেষ্টিত।

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

একটি পূর্ণ-প্রস্থের ক্যানভাস, যেখানে কন্টেন্টের প্রস্থের কোনো সর্বোচ্চ সীমা নেই। মূল স্ক্রিনটি পৃষ্ঠার সম্পূর্ণ প্রস্থ জুড়ে থাকে, যেখানে ফটোগ্রাফি এবং গ্রাফিক্স সমানভাবে (৫০/৫০) বিভক্ত। পণ্যের গ্রিডগুলো ভিউপোর্টের প্রান্ত থেকে যথেষ্ট অনুভূমিক মার্জিনসহ তিন-কলামের সারি হিসেবে প্রদর্শিত হয়। নিচের নেভিগেশনটি পিন করা না হয়ে, পৃষ্ঠার ফুটারের সাথে অ্যাঙ্কর করা এবং কেন্দ্রে অবস্থিত। সেকশন বিভাজনে হয় পূর্ণ-স্ক্রিনের সম্পাদকীয় ফটোগ্রাফি অথবা নিখাদ সাদা স্থান ব্যবহার করা হয়—কখনোই কোনো কালার বার, বিভাজন রেখা বা গ্রেডিয়েন্ট নয়। উল্লম্ব বিন্যাসটি মুক্ত: প্রধান সেকশনগুলোর মধ্যে ৮০/১/১ অনুপাত, যা পৃষ্ঠাটিকে কন্টেন্ট দিয়ে পূর্ণ না হয়ে বরং শ্বাস ফেলার সুযোগ দেয়। কোনো সাইডবার, মেগা-মেনু বা উপরের হেডার বার নেই—"INO" লোগোটি শুধুমাত্র মূল স্ক্রিনের উপরের বাম কোণে অবস্থিত।

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

অনলাইন স্টোর একরঙা প্রিমিয়াম

https://ino.jewelry

প্যালেট

নিরপেক্ষ

Obsidian Ink #212123 — নিরপেক্ষ ফর্ম স্টেট, আইকন টেক্সট এবং বিচক্ষণ UI ফিডব্যাকের ক্ষেত্রে কালার স্কিমগুলো অনাড়ম্বর থাকা উচিত।
Bone #ffffff — ক্যানভাসের পাতা, কার্ডবোর্ডের পৃষ্ঠতল, কালো পটভূমিতে উল্টানো লেখা। এটাই প্রধান পৃষ্ঠতল; প্রায় পুরো ওয়েবসাইটটিই এখানে অবস্থিত।
Carbon #000000 — আইকন ফিল, আলংকারিক গ্রাফিক আউটলাইন এবং নেভিগেশন পয়েন্ট ইন্ডিকেটরের সক্রিয় অবস্থা ফিল। "বোন" রঙের সাথে সর্বাধিক টোনাল কনট্রাস্টের জন্য এটি অল্প পরিমাণে ব্যবহৃত হয়।
Ash #999999 — মাঝারি কনট্রাস্টের বর্ডার, কন্ট্রোল কনট্যুর এবং স্ট্রাকচারাল ডিভাইডার।
Pebble #a6a6a7 — মৃদু সহায়ক লেখা, মূল লেখার জন্য পাতলা বিভাজক এবং গৌণ মেটাডেটা। মূল্য ট্যাগ এবং আনুষঙ্গিক লেখার জন্য সবচেয়ে হালকা কার্যকরী ধূসর রঙ ব্যবহার করা হয়েছে, যা পটভূমির সাথে মিশে যাবে।

টাইপোগ্রাফি

১১ থেকে ১৮ পিক্সেল · ৪ ধাপ

Sequel100Wide — প্রতিস্থাপন: Jost (400 · রূপরেখা 400 · একমাত্র কর্পোরেট টাইপফেস যা নেভিগেশন, মূল লেখা, শিরোনাম, টাইটেল, মূল্য এবং ক্যাপশন—এই সকল ক্ষেত্রে শুধুমাত্র ৪০০ ওয়েটে ব্যবহৃত হয়। প্রশস্ত ব্যবধানযুক্ত জ্যামিতিক প্রতীক এবং পর্যাপ্ত অক্ষর ব্যবধান পুরো কর্পোরেট শৈলীকে প্রতিফলিত করে। বোল্ড ওয়েটের অনুপস্থিতি ইচ্ছাকৃত: বিভিন্ন ফন্ট ওয়েটের পরিবর্তে, বড় হাতের অক্ষর, অক্ষর ব্যবধান এবং অবস্থানের মাধ্যমে স্তরবিন্যাস অর্জন করা হয়।
Arial — প্রতিস্থাপন: system-ui · রূপরেখা 400 · লিগ্যাসি প্রেক্ষাপটে বাটন রেন্ডার করার জন্য এটি একটি সিস্টেম-ব্যাপী ফলব্যাক। এটি ব্র্যান্ডিংয়ের অংশ নয়—শুধুমাত্র Sequel100Wide লোড হতে ব্যর্থ হলেই এটি প্রদর্শিত হয়।

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

উদ্দেশ্য	অর্থ
ঘনত্ব	ঘন
প্রাথমিক পদক্ষেপ	23px
বোতামের ব্যাসার্ধ	50px
কার্ডের ব্যাসার্ধ	8px
ছায়া	না - ছায়ার পরিবর্তে সীমানা
বিভাগগুলির মধ্যে	80-120px

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

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

এই শৈলীতে একটি ওয়েবসাইট তৈরি করুন

একই রকম শৈলী

Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
Peak Design — গ্যালারির দেয়াল, আংশিকভাবে আলোকিত
099 SUPPLY — সাদা-কালো বস্তুতে ভরা একটি গ্যালারির দেয়াল
Apple (España) — সাদা গ্যালারি ডিসপ্লে কেস
Apple (España) — সকালের কুয়াশায় একটি গ্যালারির জানালা
Custo — গানমেটাল রঙের একটি গ্যালারি, যেখানে ব্যবহৃত হয়েছে একশিলা ফন্ট। অনুজ্জ্বল ধূসর-সবুজ আভার একটি শোরুম, যেখানে একটিমাত্র গাঢ় রঙের বস্তু এবং ৫৭ পিক্সেলের ফন্টই নিজের কথা বলে।
Silencio — ভাসমান শিল্পকর্মে সজ্জিত একটি সাদা ঘর। উষ্ণ কাগজ দিয়ে তৈরি একটি গ্যালারি প্রদর্শনী, যেখানে প্রতিটি উপাদান ঋণাত্মক আয়তনের পটভূমিতে নিজ নিজ স্থান অধিকার করে আছে, এবং এই নীরবতা একটি ইচ্ছাকৃত নকশা সিদ্ধান্ত।
Oakâme — উষ্ণ পাথর কেটে তৈরি, রোদ ঝলমলে একটি প্রোভেনসাল কর্মশালা।
Nike — ক্রীড়া সাফল্যের এক সাদাকালো গ্যালারি – সাদা দেয়াল, শিল্পকর্মের মতো ফলাফল, পটভূমিতে বিলীন হয়ে যাওয়া ক্রোম।
Sociotype — সাদা কাগজের উপর একটি সাধারণ জাদুঘরের নমুনা
Arc — মধ্যরাতের জলের উপর শিল্পসম্মত সাদা গ্যালারি
Rivian — গ্যালারির কংক্রিটের দেয়ালে একটি বৈদ্যুতিক মনোলিথ। রিভিয়ান প্রতিটি যানবাহনকে এক বিশাল সাদা পটভূমিতে ভাস্কর্য হিসেবে উপস্থাপন করে, যেখানে টাইপোগ্রাফি এতটাই বড় যে তা একটি স্থাপত্য উপাদানে পরিণত হয়, এবং একটিমাত্র উষ্ণ হলুদ রঙ একরঙা পরিবেশকে ভেঙে দেয়, যেন কোনো ম্যাট পৃষ্ঠের ওপর সূর্যের আলো।