
LUNCH
উষ্ণ পার্চমেন্টের উপর মখমলের মঞ্চ
লাঞ্চ কনসেপ্ট দেখলে মনে হয় যেন ছাপানো কোনো ফ্যাশন এডিটোরিয়ালকে ওয়েবে রূপান্তর করা হয়েছে: একটি গাঢ় রঙের, পুরো পাতা জুড়ে থাকা মূল ছবির অংশ, যেখানে ব্র্যান্ডের লোগোটি ক্রোম অ্যাকসেন্টসহ বড় আকারের থ্রিডি টেক্সট হিসেবে উপস্থাপন করা হয়েছে, এবং এর পরেই রয়েছে উষ্ণ পার্চমেন্টে ছাপানো একটি শান্ত, ক্যাটালগের মতো পণ্যের গ্যালারি। পাতাটি কখনো সিনেম্যাটিক সংঘাত, কখনো বা শান্ত সংযমের মধ্যে ওঠানামা করে—মূল অংশটি যেন আক্রমণ করে, আর মূল বিভাগটি ফিসফিস করে কথা বলে। একটিমাত্র, অনুজ্জ্বল ল্যাভেন্ডার রঙ শুধুমাত্র বিজ্ঞাপনের লাইনে, "সোল্ড আউট" লেখাটিতে এবং ফুটারে দেখা যায়, যা চিৎকারের পরিবর্তে ব্র্যান্ডের একটি বিবৃতি হিসেবে কাজ করে। একটিমাত্র, সিগনেচার স্যান্স-সেরিফ ফন্ট (গুড স্যান্স) প্রধানত পরিমিত আকারে ব্যবহৃত হয়েছে, এবং মূল লোগোটিই একমাত্র টাইপোগ্রাফিক চমকের মুহূর্ত। মিথস্ক্রিয়া শুধুমাত্র টেক্সট লিঙ্কের মাধ্যমেই ঘটে: মূল অংশের থ্রিডি লোগোটি ছাড়া কোনো ভরাট বাটন, গ্রেডিয়েন্ট বা আলংকারিক ক্রোম নেই।
মাঝখানে থাকা কন্টেন্ট সেকশনগুলোর জন্য সর্বোচ্চ প্রস্থ প্রায় ১২৮০ পিক্সেল; পেজের শিরোনামটি এক প্রান্ত থেকে অন্য প্রান্ত পর্যন্ত পুরো পেজের প্রস্থ জুড়ে বিস্তৃত। পেজের বিন্যাস: পুরো পেজের প্রস্থ (ভিউপোর্ট উচ্চতা) জুড়ে থাকা গাঢ় রঙের পেজের শিরোনাম → গাঢ় পটভূমিতে মাঝখানে থাকা ভূমিকা → একই পটভূমিতে ৪-৫ কলামের প্রোডাক্ট গ্রিড → হালকা বেগুনি রঙের ফুটার স্ট্রিপ। নেভিগেশনটি পেজের শিরোনামের উপরে (গাঢ় পটভূমিতে হালকা রঙের লেখা) এবং ভূমিকা মূলক লেখার উপরে (হালকা পটভূমিতে গাঢ় রঙের লেখা) একটি সরু টেক্সট স্ট্রিপ হিসেবে অবস্থিত। প্রোডাক্ট গ্রিডটির লেআউট ঘন এবং এতে ইন্টারনাল অ্যালাইনমেন্ট রয়েছে, ছবিগুলোর মধ্যে কোনো ইনডেন্ট বা দৃশ্যমান বিভাজন নেই। ভূমিকা মূলক লেখাটি একটি সরু, মাঝখানে থাকা কলাম (~৬০০-৭০০ পিক্সেল) যার উপরে এবং নিচে যথেষ্ট উল্লম্ব ফাঁকা জায়গা (৬০-৮০ পিক্সেল) রয়েছে। সামগ্রিক ঘনত্ব: সম্পাদকীয় অংশগুলোতে প্রশস্ত, প্রোডাক্ট গ্রিডে সংকুচিত।
ডিজাইনটিতে এডিটোরিয়াল ফ্যাশন ফটোগ্রাফির প্রাধান্য রয়েছে: মূল ছবিতে মডেলদের গাঢ়, হাই-কনট্রাস্ট ছবি (গম্ভীর স্টুডিও লাইটিং, অ্যাভান্ট-গার্ড স্টাইলিং—লাল চামড়ার করসেট, চেকার্ড প্লেড, আকর্ষণীয় পোজ) দেখানো হয়েছে, অন্যদিকে গ্রিডটিতে একটি ফ্ল্যাট, নিউট্রাল ব্যাকগ্রাউন্ডের বিপরীতে প্রোডাক্ট/লুকবুকের ঝকঝকে শট রয়েছে (মডেল এবং প্রোডাক্টগুলোর ছবি লাইফস্টাইল কনটেক্সট ছাড়া একটি হালকা ধূসর/সাদা ব্যাকগ্রাউন্ডে তোলা হয়েছে)। ছবিগুলোর কিনারাগুলো নিখুঁত, রেডিয়াস শূন্য এবং গ্রিডের সংলগ্ন ছবিগুলোর সাথে এগুলো নিবিড়ভাবে সারিবদ্ধ। মূল ছবিটি ভিউপোর্টের চারটি কিনারা জুড়ে থাকে এবং একটি ৩ডি ক্রোম লোগো অবজেক্টটির উপর ওভারল্যাপ করে। গ্রিডের প্রোডাক্ট ছবিগুলো পুরো সারি জুড়ে একটি সামঞ্জস্যপূর্ণ উচ্চতা-প্রস্থের অনুপাত বজায় রাখে। ন্যূনতম টেক্সট নেভিগেশন ছাড়া কোনো ইলাস্ট্রেশন বা আইকন নেই। এর ভিজ্যুয়াল ল্যাঙ্গুয়েজটি হলো: ভালোভাবে ছবি তুলুন, শার্পভাবে ক্রপ করুন এবং ছবিটিকেই ব্র্যান্ডের মুখ হতে দিন।
প্যালেট
ব্র্যান্ড
- Lilac Veil
#b8aad0— পটভূমির হাইলাইট, আলংকারিক স্ট্রাইপ এবং বিষয়বস্তুর পিছনে একটি মৃদু অ্যাকসেন্টের জন্য বেগুনি রঙ ব্যবহার করা হয়েছে।
নিরপেক্ষ
- Ink Black
#000000— সমস্ত মূল লেখা, নেভিগেশন টেক্সট, লিঙ্কের বর্ডার, কার্ডের বর্ডার এবং আইকনের বর্ডার পুরো ইন্টারফেসটির কাঠামোগত রেখা গঠন করে। - Warm Parchment
#f4f1e4— সম্পাদকীয়/পণ্য অংশের পৃষ্ঠা ও বিভাগগুলোর পটভূমি একটি শান্ত পটভূমি, যার উপর পণ্যের ছবি স্থাপন করা হয়েছে। - Ivory Mist
#fcfaf1— ডার্ক মেইন এলিমেন্টের উপরে থাকা নেভিগেশন টেক্সটের রঙ, টেক্সচারের একটি সূক্ষ্ম আভা এবং হালকা বর্ডারগুলো ডার্ক সেকশনের UI-এর জন্য নিখুঁত সাদার একটি উষ্ণতর বিকল্প প্রদান করে।
টাইপোগ্রাফি
১২ থেকে ৭২ পিক্সেল · ৫টি ধাপ
- Good Sans — প্রতিস্থাপন: Söhne · রূপরেখা 400, 700 · নেভিগেশন, মূল লেখা, পণ্যের মেটাডেটা, লিঙ্ক এবং সমস্ত UI টেক্সটের জন্য একটি সর্বজনীন টাইপফেস। এর ডুয়াল ওয়েট সিস্টেম (মূল লেখা/শিরোনামের জন্য রেগুলার ৪০০, ব্র্যান্ডের নাম, মূল্য এবং হাইলাইটের জন্য বোল্ড ৭০০) আকার না বাড়িয়েই একটি স্তরবিন্যাস তৈরি করে। প্রায়-শূন্য পজিটিভ লেটার স্পেসিং এটিকে জ্যামিতিকের চেয়ে বেশি সম্পাদকীয় রূপ দেয়।
- Redaction — প্রতিস্থাপন: GT Sectra Display Bold · রূপরেখা 700 · শুধুমাত্র মূল লেখার জন্য—এটি বড়, ক্রোম টেক্সট "LUNCH"-এর জন্য একটি কাস্টম ফন্ট, যা পূর্ণ-স্ক্রিনের মূল লেখার ভিত্তি হিসেবে কাজ করে। এটি প্রতি পৃষ্ঠায় ঠিক একবার ব্যবহৃত হয়; এটি একটি টাইপোগ্রাফিক স্বাক্ষর, কোনো পুনঃব্যবহারযোগ্য উপাদান নয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 20-30px |
| বোতামের ব্যাসার্ধ | 0px |
| কার্ডের ব্যাসার্ধ | 0px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 60-80px |
| পৃষ্ঠার প্রস্থ | 1280px |
এআই আপনার ওয়েবসাইটটি LUNCH স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- MindMarket — ক্রিম রঙের কাগজে ছাপা একটি আরামদায়ক রূপকথার বই — এক বন্ধুত্বপূর্ণ সম্পাদকীয় ক্যানভাস, যেখানে রোদ ঝলমলে ও স্টিকারের মতো নরম এক পৃষ্ঠতলে ইন্টার-এর বড় বড় শিরোনাম আর কেটে বানানো কাগজের চরিত্রগুলো সহাবস্থান করে।
- Lamborghini — শোরুমে কালো রঙের গাড়ি, স্পটলাইটের নিচে - একটি হলুদ গাড়ি
- amp — শীতল সাদা পটভূমিতে উষ্ণ কমলা রঙ। ডিজাইনটি একটি রোদ ঝলমলে লফটে তোলা প্রিমিয়াম ফিটনেস পণ্যের ছবির কথা মনে করিয়ে দেয়: একটি মাত্র আইটেম, একটি মাত্র অ্যাকসেন্ট, এবং একটি আত্মবিশ্বাসী ফন্ট যা একাই সব কাজ করে দেয়।
- IKEA — বিচ্ছিন্ন অবস্থায় একটি রোদ ঝলমলে সুইডিশ আসবাবপত্রের শোরুম
- Microsoft — খুচরা ক্যাটালগটিতে একটি স্বতন্ত্র নীল রঙ ব্যবহার করা হয়েছে—কল্পনা করুন, একটি সাদা শোরুমের মেঝেতে একটি বর্গাকার লোগো, যেখানে নকশার প্রতিটি উপাদানই নীল রঙের।
- Vibrants — সাদা মার্বেলের উপর আকাশী ঔষধালয় - গাঢ় নীল কালি হলো চুন-সুরকি এবং রামধনু বর্ণালী হলো ঔষধ।
- Isla Beauty — ক্রিম রঙের ঔষধালয়ের মতো শৈলী, সাথে সার্জিক্যাল লালের ছোঁয়া—ভাবুন তো উষ্ণ পার্চমেন্টের মতো দেয়াল, অ্যাম্বার রঙের বোতল, আর প্রতিটি লেবেলে একটিমাত্র লাল ছাপ।
- Swap — মিন্ট এডিটোরিয়াল গ্যালারি: উজ্জ্বল লাইম অ্যাকসেন্ট এবং সূক্ষ্ম সেরিফযুক্ত ঘরে হালকা সেজ শেড
- Cursor — ধিকিধিকি জ্বলতে থাকা কয়লার আলোয় আলোকিত একটি আরামদায়ক পার্চমেন্ট কর্মশালা।
- Structured — প্লাস্টিকিনের মতো কাগজে রেনেসাঁ গ্যালারি
- Apple (España) — দিনের নরম আলোয় জাদুঘরের গ্যালারিটি একটি একক, মনোমুগ্ধকর, ওজনহীন সাদা স্থান, যেখানে হালকা রঙের দেওয়ালের ওপর স্পটলাইটের আলোয় প্রতিটি প্রদর্শনী আলোকিত।
- Amplemarket — সূর্যের আলোয় ঝলমলে কর্মক্ষেত্র, যেখানে রঙিন কাগজের টুকরো ছড়ানো।