IKEA
বিচ্ছিন্ন অবস্থায় একটি রোদ ঝলমলে সুইডিশ আসবাবপত্রের শোরুম
IKEA-র ইন্টারফেসটি একটি হাই-কনট্রাস্ট সম্পাদকীয় স্প্রেডের মতো দেখতে: উষ্ণ সাদা পটভূমিতে প্রায়-কালো টাইপ, যার সাথে রয়েছে ফ্ল্যাট হলুদ প্যানেল যা এমবেডেড কল-টু-অ্যাকশন জোন হিসেবে কাজ করে। সিস্টেমটি ইচ্ছাকৃতভাবে মিনিমালিস্ট—মাত্র দুটি ওয়েটে (৪০০ এবং ৭০০) একটি কাস্টম স্যানস-সেরিফ ফন্ট (নোটো IKEA), প্রতিটি উপাদানের জন্য একটিমাত্র কর্নার রেডিয়াস এবং কোনো শ্যাডো বা গ্রেডিয়েন্ট নেই। এই কম্প্যাক্টনেসটি কাঠামোগত, কোনো মিনিমালিস্ট ট্রেন্ড নয়: নেগেটিভ লেটার স্পেসিং (হেডিং-এ -০.০২৯em, বডি কপিতে -০.০২৭em) এমনকি ১৩ পিক্সেলের লেবেলগুলোকেও একটি স্থাপত্যিক অনুভূতি দেয়। কার্ডগুলো বড় এবং মিডিয়া কন্টেন্টের উপর কেন্দ্র করে তৈরি, যা উন্নত পাঠযোগ্যতার জন্য গ্রেডিয়েন্ট থেকে কালো পর্যন্ত বিভিন্ন টেক্সট ওভারলে সহ বড় দুই-কলামের ব্লকে সাজানো। হলুদ ফন্ট #ffdb00 ইন্টারফেসের সমস্ত কাজ করে—এটি অলঙ্করণ করে না, কেবল সক্রিয় করে তোলে।
একটি পূর্ণ-প্রস্থের ডিজাইন, যার কেন্দ্রে অবস্থিত কন্টেন্ট কন্টেইনারটি প্রায় ১৪৪০ পিক্সেল পর্যন্ত সীমাবদ্ধ। নেভিগেশন হিসেবে একটি সাধারণ, নন-স্টিকি টপ বার রয়েছে। পেজটি প্রায় ৮০ পিক্সেলের ফাঁক রেখে উল্লম্বভাবে সাজানো অনুভূমিক কার্ড দিয়ে তৈরি। "হিরো" লেআউটটি একটি স্প্লিট লেআউট—২/৩ অংশ মিডিয়া কার্ড (ছবি) + ১/৩ অংশ একটি কল টু অ্যাকশন সহ সম্পূর্ণ হলুদ কার্ড। পেজের মূল অংশে কার্ডের দুই-কলামের গ্রিড ব্যবহার করা হয়েছে, যেখানে ছবি এবং লেখার ব্লক পর্যায়ক্রমে সাজানো। কন্টেন্টের ঘনত্ব প্রশস্ত, কখনোই সংকুচিত নয়। কার্ডগুলো বড় (সর্বনিম্ন প্রায় ৬০০x৪০০ পিক্সেল) এবং এতে পর্যাপ্ত প্যাডিং রয়েছে। "টাইমলাইন/হিস্ট্রি" সেকশনটি বড় সংখ্যা দিয়ে গ্রিডটিকে বিভক্ত করে। এখানে কোনো সাইডবার, মেগা-মেনু বা জটিল নেভিগেশন কাঠামো নেই।
এর ভিজ্যুয়াল ল্যাঙ্গুয়েজ মূলত প্রোডাক্ট ও লাইফস্টাইল ফটোগ্রাফি। এডিটিং-এ ব্যবহৃত হয় উজ্জ্বল, স্বাভাবিক আলোয় আলোকিত, উষ্ণ স্ক্যান্ডিনেভিয়ান ইন্টেরিয়র, যা ঘরোয়া অনুভূতি দেয়—স্টুডিওর মতো তীব্র সাদাটে ভাব নয়। ছবিতে মানুষ প্রোডাক্টের সাথে তাদের মিথস্ক্রিয়ার দৃশ্যে উপস্থিত থাকে (যেমন—ধরা, জোড়া লাগানো, ব্যবহার করা)। ছবিগুলো সবসময় কার্ডের পুরো প্রস্থ জুড়ে থাকে, কখনো অর্গানিক আকারে ক্রপ করা হয় না। টেক্সটসহ যেকোনো কার্ডের নিচে গ্রেডিয়েন্ট ব্ল্যাক ওভারলে দেখা যায়। মাঝে মাঝে ফ্ল্যাট ইলাস্ট্রেশনও দেখা যায় (উদাহরণস্বরূপ, ফিরোজা, সবুজ ও কমলা রঙে সাংস্কৃতিক আইকনোগ্রাফি সহ জার্মানির একটি মানচিত্র)। ফটোগ্রাফগুলো এডিটোরিয়াল স্টাইলে তোলা হয়: কোনো গ্লসি স্টক ফটো এফেক্ট নেই, অতিরিক্ত স্টাইলাইজড কালার কারেকশনও নেই।
প্যালেট
ব্র্যান্ড
- IKEA Yellow
#ffdb00— কল টু অ্যাকশন পূরণ করার মূল উপাদানসমূহ, ফিচার্ড ইমেজ সহ কার্ডের ব্যাকগ্রাউন্ড, প্রধান উইন্ডোর অ্যাকসেন্ট প্যানেল – যা সিস্টেমটির একটি অনন্য রঙিন উপাদান।
নিরপেক্ষ
- Ink Black
#111111— মূল লেখা, মূল পাঠ্য, শিরোনাম, প্রধান বর্ডার (৮৫১ বার ব্যবহৃত), আইকনের রূপরেখা। - Pure White
#ffffff— পৃষ্ঠার পটভূমি, কার্ডের উপরিভাগ, নেভিগেশন পটভূমি, গাঢ় পটভূমিতে বোতামের লেখা। - Warm White
#fffefb— বাটন ও কার্ডগুলোর জন্য ব্যবহৃত হালকা ক্রিম রঙের আভা—যা বিশুদ্ধ সাদার চেয়ে সামান্য উষ্ণ—ডিজিটাল শীতলতাকে ভেঙে দেয়। - Steel Gray
#818181— গৌণ পাঠ্য, অনুজ্জ্বল সীমানা, নিষ্ক্রিয় আইকন অবস্থা - True Black
#000000— SVG আইকন ফিল, ইনপুট ফিল্ডের বর্ডার এবং যেখানে সর্বোচ্চ কনট্রাস্ট প্রয়োজন সেখানে গাঢ় কালো অ্যাকসেন্ট। - Link Blue
#0159a3— টেক্সট লিঙ্কের রঙ, যা নেভিগেশন এবং প্রাইমারি লিঙ্কে বহুল ব্যবহৃত হয়, সেটিই সিস্টেমের একমাত্র নীল রঙ।
টাইপোগ্রাফি
১৩ থেকে ৫১ পিক্সেল · ৫ ধাপ
- Noto IKEA — প্রতিস্থাপন: Inter · রূপরেখা 400, 700 · একমাত্র ব্যবহৃত ফন্টটি হলো আইকিয়ার সিগনেচার ফন্ট নোটো। এর দুই-ওজনের সিস্টেমটি (৪০০ রেগুলার, ৭০০ বোল্ড) ইচ্ছাকৃতভাবে সংযত রাখা হয়েছে: কোনো ইটালিক, মিডিয়াম বা লাইট ওয়েট ব্যবহার করা হয়নি। ৭০০ পয়েন্ট ও ৩৬–৫১ পিক্সেল আকারের হেডিংগুলো সম্পূর্ণ ব্র্যান্ড স্টাইলকে ফুটিয়ে তোলে; ১৬ পিক্সেল আকারের মূল লেখাটি নিরপেক্ষ থাকে। সাইজ বাড়ার সাথে সাথে অক্ষরের ব্যবধান কমে আসে, যা হেডিংগুলোকে একটি ঘনীভূত ও স্থাপত্যিক অনুভূতি দেয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 24px |
| বোতামের ব্যাসার্ধ | 8px |
| কার্ডের ব্যাসার্ধ | 8px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 80px |
| পৃষ্ঠার প্রস্থ | 1440px |
এআই আপনার ওয়েবসাইটটি IKEA স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- MindMarket — ক্রিম রঙের কাগজে ছাপা একটি আরামদায়ক রূপকথার বই — এক বন্ধুত্বপূর্ণ সম্পাদকীয় ক্যানভাস, যেখানে রোদ ঝলমলে ও স্টিকারের মতো নরম এক পৃষ্ঠতলে ইন্টার-এর বড় বড় শিরোনাম আর কেটে বানানো কাগজের চরিত্রগুলো সহাবস্থান করে।
- Lamborghini — শোরুমে কালো রঙের গাড়ি, স্পটলাইটের নিচে - একটি হলুদ গাড়ি
- amp — শীতল সাদা পটভূমিতে উষ্ণ কমলা রঙ। ডিজাইনটি একটি রোদ ঝলমলে লফটে তোলা প্রিমিয়াম ফিটনেস পণ্যের ছবির কথা মনে করিয়ে দেয়: একটি মাত্র আইটেম, একটি মাত্র অ্যাকসেন্ট, এবং একটি আত্মবিশ্বাসী ফন্ট যা একাই সব কাজ করে দেয়।
- LUNCH — উষ্ণ পার্চমেন্টের উপর মখমলের মঞ্চ
- Microsoft — খুচরা ক্যাটালগটিতে একটি স্বতন্ত্র নীল রঙ ব্যবহার করা হয়েছে—কল্পনা করুন, একটি সাদা শোরুমের মেঝেতে একটি বর্গাকার লোগো, যেখানে নকশার প্রতিটি উপাদানই নীল রঙের।
- Vibrants — সাদা মার্বেলের উপর আকাশী ঔষধালয় - গাঢ় নীল কালি হলো চুন-সুরকি এবং রামধনু বর্ণালী হলো ঔষধ।
- Isla Beauty — ক্রিম রঙের ঔষধালয়ের মতো শৈলী, সাথে সার্জিক্যাল লালের ছোঁয়া—ভাবুন তো উষ্ণ পার্চমেন্টের মতো দেয়াল, অ্যাম্বার রঙের বোতল, আর প্রতিটি লেবেলে একটিমাত্র লাল ছাপ।
- Swap — মিন্ট এডিটোরিয়াল গ্যালারি: উজ্জ্বল লাইম অ্যাকসেন্ট এবং সূক্ষ্ম সেরিফযুক্ত ঘরে হালকা সেজ শেড
- Cursor — ধিকিধিকি জ্বলতে থাকা কয়লার আলোয় আলোকিত একটি আরামদায়ক পার্চমেন্ট কর্মশালা।
- Structured — প্লাস্টিকিনের মতো কাগজে রেনেসাঁ গ্যালারি
- Apple (España) — দিনের নরম আলোয় জাদুঘরের গ্যালারিটি একটি একক, মনোমুগ্ধকর, ওজনহীন সাদা স্থান, যেখানে হালকা রঙের দেওয়ালের ওপর স্পটলাইটের আলোয় প্রতিটি প্রদর্শনী আলোকিত।
- Amplemarket — সূর্যের আলোয় ঝলমলে কর্মক্ষেত্র, যেখানে রঙিন কাগজের টুকরো ছড়ানো।