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

FARFETCH España

'হোয়াইট কিউব' শৈলীর একটি ফ্যাশন গ্যালারি। এমন একটি উচ্চমানের রিটেইল স্পেসের কথা ভাবুন, যেখানে দেয়াল, মেঝে এবং আসবাবপত্র ধবধবে সাদা, আর কেবল পোশাক এবং তার পরিধানকারীরাই প্রতিটি আভা, বুনন এবং দৃশ্যগত অভিব্যক্তি তৈরি করে।

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

পৃষ্ঠাটিতে একটি কেন্দ্র-ভিত্তিক, পূর্ণ-প্রস্থের বিন্যাস রয়েছে, যার সর্বোচ্চ কন্টেন্ট প্রস্থ প্রায় ১২৮০ পিক্সেল। হেডারটি একটি পাতলা, তিন-অঞ্চলের প্যানেল (বামে ক্যাটাগরি নেভিগেশন, কেন্দ্রে অবস্থিত টেক্সট চিহ্ন এবং ডানে সহায়ক আইকন), যার নিচে ডানদিকে একটি সার্চ ফিল্ড রয়েছে। প্রথম বিভাগটি পূর্ণ-প্রস্থের ক্যাটাগরি টাইলসের (MUJER, HOMBRE, INFANTIL) একটি তিন-কলামের গ্রিড, যার প্রতিটির উপরে একটি ওভারলে লেবেল রয়েছে। প্রতিটি ক্যাটাগরি বিভাগের নিচে প্রোডাক্ট ক্যাটাগরি কার্ডের (NOVEDADES, ROPA, BOLSOS, ZAPATOS) একটি চার-কলামের গ্রিড রয়েছে, যার শিরোনামগুলো বড় হাতের অক্ষরে লেখা। বিভাগের শিরোনামগুলো কেন্দ্রে অবস্থিত এবং এমন একটি ফন্টে লেখা যার উপরে ও নিচে প্রায় ৪৮ পিক্সেলের একটি উল্লম্ব ইনডেন্ট রয়েছে। এখানে কোনো পর্যায়ক্রমিক ব্যাকগ্রাউন্ড স্ট্রাইপ নেই—পুরো পৃষ্ঠাটি একটি নিরেট সাদা ক্ষেত্র। ফুটারটি #222222 রঙে একটি একক গাঢ় স্ট্রাইপ হিসাবে ইনভার্ট করা হয়েছে। নেভিগেশনটি একটি মিনিমালিস্ট টপ বার, যেখানে কোনো নির্দিষ্ট উপাদান, মেগা মেনু বা সাইডবার নেই।

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

প্যালেট

নিরপেক্ষ

  • Carbon #222222 — মূল লেখা, পৃষ্ঠার লেখা, নেভিগেশন লিঙ্ক, আইকন, লোগো, ফুটার এবং সম্পূর্ণ মনোক্রোম সিস্টেমটির জন্য প্রায় কালো রঙের একটি টোন।
  • Paper #ffffff — পেজ ক্যানভাস, কার্ডের ব্যাকগ্রাউন্ড ইমেজ, প্রোডাক্ট টাইলের পৃষ্ঠতল, ইনপুট ফিল্ড এবং প্রধান ব্যাকগ্রাউন্ড, যা ফটোগ্রাফটিকে একমাত্র রঙিন অ্যাকসেন্ট হিসেবে তুলে ধরে।
  • Ash Gray #b6b6b6 — আইকনের সূক্ষ্ম রেখা, অতিরিক্ত বর্ডার, পটভূমিতে সার্চের নিচে দাগ টানা, ইনপুট ফিল্ডে ঘোস্ট টেক্সট প্লেসহোল্ডার—এটি সবচেয়ে শান্ত বিকল্প, টেক্সট-নিরপেক্ষ নয়।
  • Stone #f5f5f5 — ন্যাভিগেশন বারের জন্য হোভার ট্রানজিশন এফেক্ট, সাব-প্যানেল এবং বিজ্ঞাপনের ব্যাকগ্রাউন্ডের জন্য সেকেন্ডারি সারফেস টোন, এবং এই স্ট্যাকের মধ্যে সবচেয়ে মৃদু ট্রানজিশন এফেক্ট।
  • Graphite #727272 — অনুজ্জ্বল সহায়ক লেখা, নিষ্ক্রিয় ফর্ম বর্ডার এবং অক্ষম আইকন আউটলাইন—একটি মাঝারি ধূসর রঙ যা পাঠযোগ্যতা বজায় রেখেই গুরুত্ব হ্রাসের ইঙ্গিত দেয়।
  • Smoke #e6e6e6 — পণ্যের সারিগুলোর মধ্যে সূক্ষ্ম বিভাজক, যা অন্যথায় একটি ত্রুটিহীন বিন্যাসের মধ্যে একটি প্রায় অদৃশ্য কাঠামোগত রেখা।

টাইপোগ্রাফি

১৩ থেকে ৩০ পিক্সেল · ৩ ধাপ

  • Farfetch Basis — প্রতিস্থাপন: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · রূপরেখা 400, 700 · ব্যবহারকারীকে দেখানো সমস্ত কিছুর জন্য একটি বিশেষভাবে ডিজাইন করা জ্যামিতিক স্যান্স-সেরিফ ফন্ট ব্যবহার করা হয়েছে: নেভিগেশন লিঙ্ক ১৩–১৫ পিক্সেল/৪০০, মূল লেখা ও পণ্যের বিবরণ ১৫ পিক্সেল/৪০০, সেকশন হেডিং ২২–৩০ পিক্সেল/৪০০, এবং ফারফেচ (FARFETCH) লোগো ৭০০। শুধুমাত্র ৪০০ পিক্সেলের হেডিংগুলো বোল্ড থেকে সরে আসার একটি ইচ্ছাকৃত পদক্ষেপ: সেকশন হেডিংগুলোর ফন্টের ওজন সাধারণ, আত্মবিশ্বাসী, কিন্তু অতিরিক্ত বোল্ড নয়, অন্যদিকে ৭০০ পিক্সেলের ফন্টটি লোগো এবং সবচেয়ে অভিব্যক্তিপূর্ণ ক্যাটাগরির নামগুলোর জন্য সংরক্ষিত। এই বিশেষ জ্যামিতি স্ট্রোকের সুষম বৈসাদৃশ্য এবং একটি সূক্ষ্ম, মানবিক উষ্ণতা নিশ্চিত করে, যা সাধারণ হেলভেটিকা ফন্টে অর্জন করা সম্ভব নয়।

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

উদ্দেশ্যঅর্থ
ঘনত্বঘন
প্রাথমিক পদক্ষেপ24px
বোতামের ব্যাসার্ধ0px
কার্ডের ব্যাসার্ধ0px
ছায়ানা - ছায়ার পরিবর্তে সীমানা
বিভাগগুলির মধ্যে48-72px
পৃষ্ঠার প্রস্থ1280px

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

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

একই রকম শৈলী

  • MAKR — হস্তনির্মিত চামড়ার সামগ্রীর জন্য একটি জাদুঘরের প্রদর্শনী বাক্স। একটি শান্ত, সম্পূর্ণ সাদা ঘর, যেখানে হাতে ধরা বা প্রাকৃতিক দৃশ্যের পটভূমিতে রাখা চামড়ার সামগ্রীর বড় বড় ছবির নিচে উষ্ণ কালো কালির লেবেলগুলো ভেসে বেড়াচ্ছে; একমাত্র রঙের বৈপরীত্য হলো ঋষি সবুজ রঙের একটি অনুজ্জ্বল রেখা।
  • Franco Maria Ricci Editore — আর্ট ডেকো গ্যালারি ক্যাটালগ - ঝকঝকে সাদা পার্চমেন্টের উপর পালিশ করা সোনালী রেখা
  • Laura Monin — সম্পাদকীয় গ্যালারির দেয়াল, সাদা মার্বেল, কালির ছাপ
  • OhDada — সম্পাদকীয় গ্যালারি প্রাচীর
  • Cursor — ধিকিধিকি জ্বলতে থাকা কয়লার আলোয় আলোকিত একটি আরামদায়ক পার্চমেন্ট কর্মশালা।
  • Structured — প্লাস্টিকিনের মতো কাগজে রেনেসাঁ গ্যালারি
  • MindMarket — ক্রিম রঙের কাগজে ছাপা একটি আরামদায়ক রূপকথার বই — এক বন্ধুত্বপূর্ণ সম্পাদকীয় ক্যানভাস, যেখানে রোদ ঝলমলে ও স্টিকারের মতো নরম এক পৃষ্ঠতলে ইন্টার-এর বড় বড় শিরোনাম আর কেটে বানানো কাগজের চরিত্রগুলো সহাবস্থান করে।
  • Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
  • Apple (España) — দিনের নরম আলোয় জাদুঘরের গ্যালারিটি একটি একক, মনোমুগ্ধকর, ওজনহীন সাদা স্থান, যেখানে হালকা রঙের দেওয়ালের ওপর স্পটলাইটের আলোয় প্রতিটি প্রদর্শনী আলোকিত।
  • Lamborghini — শোরুমে কালো রঙের গাড়ি, স্পটলাইটের নিচে - একটি হলুদ গাড়ি
  • Amplemarket — সূর্যের আলোয় ঝলমলে কর্মক্ষেত্র, যেখানে রঙিন কাগজের টুকরো ছড়ানো।
  • Getharvest — সোনালী মুহূর্তের একটি ডেস্ক – একটি উষ্ণ ক্রিম রঙের ক্যানভাস, ক্যানভাসে ঝোলানো সাদা পোস্টকার্ড, এবং একটিমাত্র উজ্জ্বল কমলা রঙের শিখা।