Le Puzz
সানি সানডে সার্কুলার হলো রহস্যে ভরপুর একটি ট্যাবলয়েড।
লে পাজ হলো বুটিক স্টোরগুলোর জন্য একটি ম্যাক্সিমালিস্ট ই-কমার্স সিস্টেম, যা একটি দ্বি-রঙা ভিত্তির উপর নির্মিত: একটি শীতল, মুক্তা-ধূসর পটভূমির বিপরীতে সমৃদ্ধ, মৌচাকের মতো হলুদ রঙের সাথে বিশুদ্ধ কালো রঙের সংমিশ্রণ। এর শৈলীটি ভিন্টেজ সংবাদপত্র এবং জিগস পাজলের একটি মিশ্রণ: মূল লেখাগুলো সেরিফ টাইমস ফন্টে লেখা, আর শিরোনামগুলো টাইমস নাউ নামক একটি কাস্টম ফন্টে ব্যবহৃত হয়, যা স্যান্স-সেরিফ ফন্টের উপর নির্ভরশীল প্রচলিত ই-কমার্স রীতিকে ইচ্ছাকৃতভাবে ভেঙে দেয়। ইন্টারফেসটিকে সরল এবং গ্রিড-ভিত্তিক রাখা হয়েছে, যাতে পণ্যের প্যাকেজিংয়ের (খেলনা দিয়ে ভরা ঘন, সচিত্র কম্পোজিশন) মাধ্যমে এর ভিজ্যুয়াল প্রভাব ফুটিয়ে তোলা যায়। ইন্টারফেসের কন্ট্রোলগুলো বেশ শক্তিশালী: হলুদ পটভূমিতে কালো বর্ডারযুক্ত বাটন, পিল-আকৃতির আইকন, ১২ পিক্সেল ব্যাসার্ধের কার্ড এবং ছোট হাতের অক্ষরের জন্য পর্যাপ্ত ব্যবধান, যা এমনকি "কুইক অ্যাড" বাটনটিকেও একটি সম্পাদকীয় আবহ দেয়।
একটি স্বতন্ত্র সম্পাদকীয় নকশা সহ একটি ক্লাসিক ই-কমার্স গ্রিড। হেডারটি একটি হলুদ মধুচাক আকৃতির স্ট্রিপ, যার চারপাশে ১-প্রস্থের কালো বর্ডার রয়েছে এবং এর মধ্যে একটি কেন্দ্রস্থ লোগো ও নেভিগেশন বোতামের একটি অতিরিক্ত সারি রয়েছে। নিচে, ধূসর পটভূমিতে পণ্যের তিন-কলামের গ্রিডের উপরে, টাইমস নাউ ফন্টে একটি কেন্দ্রস্থ স্বাগত হেডার রয়েছে। মূল উপাদানটি হলো গোলাকার কোণাযুক্ত (40) একটি কেন্দ্রস্থ ফটো ব্লক, যার দুই পাশে দুটি প্রোডাক্ট কার্ড রয়েছে। বিভাগগুলির ছন্দ বজায় রাখা হয়েছে: পর্যাপ্ত উল্লম্ব স্থান (30), পর্যায়ক্রমিক হলুদ এবং ধূসর পৃষ্ঠতল, এবং পৃষ্ঠার কেন্দ্রে প্রায় 4.5 সেমি সর্বোচ্চ প্রস্থ। প্রোডাক্ট কার্ডগুলি একই আকারের এবং 5 সেমি ব্যবধান সহ একটি পরিপাটি তিন-কলামের গ্রিডে সাজানো। লেআউটটি প্রতিসম এবং গ্রিডের সাথে সংযুক্ত—কোনো অপ্রতিসম বিন্যাস বা ওভারল্যাপিং উপাদান নেই।
এর দৃশ্যমান উপাদানটি হলো প্রোডাক্ট ফটোগ্রাফি। পাজল বক্সগুলোর ছবি প্রথমে একটি সাদা বা নিউট্রাল ব্যাকগ্রাউন্ডের সামনে তোলা হয়, তারপর সেগুলোকে একটি উষ্ণ নীল বা প্রাকৃতিক স্টুডিও ব্যাকড্রপের সামনে রাখা হয়। মূল ছবিতে একজন ব্যক্তিকে কয়েকটি পাজল বক্স হাতে ধরে থাকতে দেখা যায়—এটি একটি লাইফস্টাইল অবজেক্ট, যা সাবলীল প্রাণশক্তিতে ক্যামেরাবন্দী করা হয়েছে। প্যাকেজিংটি নিজেই সমৃদ্ধ, চিত্রধর্মী এবং ম্যাক্সিমালিস্ট: উজ্জ্বল প্রাথমিক রঙে আঁকা অসংখ্য খেলনা, খাদ্যপণ্য এবং চরিত্র, যেগুলোর চারপাশে মোটা কালো আউটলাইন রয়েছে। এগুলোকে এমনভাবে ডিজাইন করা হয়েছে যেন ৫০০ পিসের একটি পাজলের উপর শিশুদের বইয়ের কোনো ছবির মতো ছড়িয়ে ছিটিয়ে আছে। কোনো অ্যাবস্ট্রাক্ট গ্রাফিক্স নেই, কোনো থ্রিডি রেন্ডার নেই, একটিমাত্র ম্যাগনিফাইং গ্লাস ছাড়া অন্য কোনো আইকনোগ্রাফি নেই—পাজলগুলোই এর দৃশ্যমান ভাষা।
প্যালেট
ব্র্যান্ড
- Honeycomb Yellow
#ffd931— ব্র্যান্ডের প্রধান রঙ, টাইটেল বার, প্রধান অ্যাকশন বাটনগুলো, নেভিগেশনের সক্রিয় অবস্থা, লিঙ্কের আন্ডারলাইনের রঙ, অ্যাকসেন্ট ফিল—এই একটিমাত্র রঙের সূত্রকেই কেন্দ্র করে বাকি সবকিছু আবর্তিত হয়।
নিরপেক্ষ
- Carbon Black
#000000— মূল লেখা, মোটা বর্ডার, বাটনের আউটলাইন, আইকনের আউটলাইন এবং নেভিগেশন টেক্সট হলো পুরো সিস্টেমটির কাঠামোগত ভিত্তি। - Ink Black
#231f20— সেকেন্ডারি টেক্সট, প্রাইমারি টেক্সট, বাটনের বর্ডার, ইনপুট ফিল্ডের বর্ডার – আরও কোমল অনুভূতির জন্য কিছুটা উষ্ণ, প্রায় কালো রঙ ব্যবহার করুন। - Pearl Gray
#c8cbcd— পৃষ্ঠার ক্যানভাস, প্রোডাক্ট কার্ডের ব্যাকগ্রাউন্ড, একটি আকর্ষণীয় মঞ্চ যেখানে হলুদ ও কালো রঙের উপস্থিতি রয়েছে। - Fog Gray
#a6a8aa— অনুজ্জ্বল ব্যাজ পৃষ্ঠতল, সেকেন্ডারি চিপ ব্যাকগ্রাউন্ড এবং সূক্ষ্ম ইউজার ইন্টারফেস ফিল। - Smoke Line
#d6d6d6— পাতলা বিভাজক, সহজে চোখে না পড়ার মতো টেবিল/কার্ড বিভাজক।
টাইপোগ্রাফি
১১ থেকে ৪৭ পিক্সেল · ৬টি ধাপ
- Times Now — প্রতিস্থাপন: Playfair Display · রূপরেখা 100, 400 · শিরোনাম এবং উপশিরোনামের জন্য একটি সেরিফ ফন্ট—যা মূল শিরোনাম, পণ্যের নাম এবং বিভাগের শিরোনামে ব্যবহৃত হয়। ৪৭-পিক্সেল পিচ সহ এই অতি-হালকা ১০০-পয়েন্টের ফন্টটি একটি লম্বা, প্রায় সংকুচিত সম্পাদকীয় ভাব তৈরি করে; এর সংকুচিত অক্ষরবিন্যাস (লাইন হাইট ০.৮৭–০.৯০) বড় শিরোনামগুলোকে সংলগ্ন লেখার কাছাকাছি স্থাপন করার সুযোগ দেয়, যা একটি মুদ্রিত পোস্টারের অনুকরণ করে।
- Times — প্রতিস্থাপন: Times New Roman · রূপরেখা 400 · একটি অনলাইন স্টোরের জন্য সেরিফ ফন্টের মূল লেখাটি একটি অপ্রত্যাশিত পছন্দ, যা পুরো সাইটটিকে একটি সাহিত্যিক ও ক্যাটালগ-সদৃশ অনুভূতি দেয়। কম লাইন স্পেসিং (১.১৫) অনুচ্ছেদগুলোকে সংক্ষিপ্ত ও পাঠযোগ্য করে তোলে।
- Helvetica Neue — প্রতিস্থাপন: Helvetica · রূপরেখা 100, 400 · ইউজার ইন্টারফেসের ছোট লেখা, বাটনের লেখা এবং মাইক্রোটেক্সট ১১ পিক্সেল ফন্টে ও বড় লেটার স্পেসিং (০.০৭৩০em) সহ সেট করা হয়েছে, যা আরামদায়ক শারীরিক তাপমাত্রাতেও বড় হাতের অক্ষরে লেখার অনুভূতি তৈরি করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 15px |
| বোতামের ব্যাসার্ধ | 12px |
| কার্ডের ব্যাসার্ধ | 12px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 30-40px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Le Puzz স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Agence Foudre — ম্যাগাজিনটির প্রচ্ছদটি লিপস্টিকের মতো হালকা গোলাপি রঙের।
- INVERSA — মধ্যরাতে একটি টপোগ্রাফিক ফিল্ড টার্মিনাল। একটি অন্ধকার কমান্ড প্যানেল, যেখানে পৃথিবীর স্যাটেলাইট চিত্রের উপর বিশাল সম্পাদকীয় ফন্ট এবং নিয়ন-সবুজ মার্কারের একটি স্তর বসানো, প্রতিটি লেবেল একরঙা, যেন মিশনের স্থানাঙ্ক পড়ছে।
- Acne Studios — প্রাণবন্ত ছবিতে ভরা একটি বাহুল্যবর্জিত গ্যালারি—মার্বেলের উপর বিছানো একটি ফ্যাশন ম্যাগাজিন।
- GTE — গ্যালারি লাইটিংয়ের পিছনে ট্রেডিং টার্মিনাল
- Diabla — মধ্যাহ্নে ভূমধ্যসাগরীয় ধাঁচের একটি উঠোন – রোদে বিবর্ণ গোলাপী দেয়াল, একটি উজ্জ্বল লাল ক্যানভাসের শামিয়ানা, আর আকাশ জুড়ে বিস্তৃত সেরিফ অক্ষরে লেখা সম্পাদকীয় শিরোনাম।
- Subset — কাঁচা লিনেন দিয়ে তৈরি সম্পাদকীয় বুটিক
- Cursor — ধিকিধিকি জ্বলতে থাকা কয়লার আলোয় আলোকিত একটি আরামদায়ক পার্চমেন্ট কর্মশালা।
- MindMarket — ক্রিম রঙের কাগজে ছাপা একটি আরামদায়ক রূপকথার বই — এক বন্ধুত্বপূর্ণ সম্পাদকীয় ক্যানভাস, যেখানে রোদ ঝলমলে ও স্টিকারের মতো নরম এক পৃষ্ঠতলে ইন্টার-এর বড় বড় শিরোনাম আর কেটে বানানো কাগজের চরিত্রগুলো সহাবস্থান করে।
- Lamborghini — শোরুমে কালো রঙের গাড়ি, স্পটলাইটের নিচে - একটি হলুদ গাড়ি
- Amplemarket — সূর্যের আলোয় ঝলমলে কর্মক্ষেত্র, যেখানে রঙিন কাগজের টুকরো ছড়ানো।
- Getharvest — সোনালী মুহূর্তের একটি ডেস্ক – একটি উষ্ণ ক্রিম রঙের ক্যানভাস, ক্যানভাসে ঝোলানো সাদা পোস্টকার্ড, এবং একটিমাত্র উজ্জ্বল কমলা রঙের শিখা।
- Drive Capital — উষ্ণ কাগজে রেট্রো রোড ট্রিপ পোস্টার