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

Allbirds

সাদা লিনেনের উপর প্রাকৃতিক উপকরণ

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

এর সর্বোচ্চ প্রস্থ প্রায় ১২০০ পিক্সেল, যা পর্যাপ্ত সাইড প্যাডিং সহ কেন্দ্রে অবস্থিত। মূল উপাদানটি হলো একটি উষ্ণ বালু রঙের ব্যাকগ্রাউন্ডের উপর একটি সম্পূর্ণ-প্রস্থের এডিটোরিয়াল স্ট্রিপ, যার কেন্দ্র থেকে একটি বড় প্রোডাক্ট ক্যারোসেল চারদিকে ছড়িয়ে পড়েছে। ক্যাটাগরি নেভিগেশনটি চারটি কলামে চারটি অভিন্ন রঙের কার্ডের একটি গ্রিড, যার প্রতিটিতে কেন্দ্রে একটি করে জুতার মডেল রয়েছে। স্ক্রিনের নিচের অংশে, লেআউটটি একটি ছোট, আন্ডারলাইন করা সেকশন টাইটেলের নিচে সম্পূর্ণ-প্রস্থের স্প্লিট প্যানেল (বামে লাইফস্টাইল ফটো + ডানে প্রোডাক্ট স্যাম্পল) এবং কেন্দ্রে অবস্থিত প্রোডাক্ট ক্যারোসেলের মধ্যে পর্যায়ক্রমে সাজানো। সামগ্রিক ছন্দটি হলো: সম্পূর্ণ-প্রস্থের এডিটোরিয়াল প্যানেল → চার-কলামের গ্রিড → কেন্দ্রে অবস্থিত প্রোডাক্ট ক্যারোসেল → দুই-কলামের স্প্লিট → কেন্দ্রে অবস্থিত প্রোডাক্ট ক্যারোসেল। সেকশনগুলোর মধ্যে ব্যবধান ৪০-৫৬ পিক্সেল, যা একটি স্বচ্ছন্দ কিন্তু অতিরিক্ত ভারাক্রান্ত নয় এমন ট্রানজিশন তৈরি করে। নেভিগেশনটি হলো একটি মিনিমালিস্ট, স্থির টপ বার, যেখানে প্রাইমারি লিঙ্কগুলো কেন্দ্রে অবস্থিত।

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

প্যালেট

নিরপেক্ষ

  • Canvas White #ffffff — পৃষ্ঠার পটভূমির ছবি, কার্ডের পৃষ্ঠতল, পণ্যের কার্ডের পটভূমির ছবি।
  • Charcoal #212121 — সেকেন্ডারি UI এলিমেন্ট, ডিভাইডার এবং মিউটেড লেবেলের জন্য নিউট্রাল কালার সাপোর্ট করা হয়। কল টু অ্যাকশনের জন্য এটিকে প্রাইমারি কালার হিসেবে ব্যবহার করা উচিত নয়।
  • True Black #000000 — শিরোনাম, আইকন, উচ্চ-বৈসাদৃশ্যপূর্ণ ফ্রেম, নেভিগেশন টেক্সট।
  • Warm Sand #e0dacf — মূল অংশের পটভূমি, অতিরিক্ত পৃষ্ঠতল ছায়া, বড় সম্পাদকীয় প্যানেল।
  • Olive Char #222519 — সেকেন্ডারি UI এলিমেন্ট, ডিভাইডার এবং মিউটেড লেবেলের জন্য নিউট্রাল কালার সাপোর্ট করা হয়। কল টু অ্যাকশনের জন্য এটিকে প্রাইমারি কালার হিসেবে ব্যবহার করা উচিত নয়।
  • Iron Gray #525252 — গৌণ পাঠ্য, সহায়ক পাঠ্য, অনাড়ম্বর কাঠামো।

টাইপোগ্রাফি

১২ থেকে ৪০ পিক্সেল · ৬টি ধাপ

  • Self Modern — প্রতিস্থাপন: Playfair Display · রূপরেখা 400 · শিরোনাম ও সম্পাদকীয় পরিমিতভাবে ব্যবহার করা হয়েছে, যা মূল বাক্যাংশ এবং সংকলনের শিরোনামগুলোকে তুলে ধরে। সেরিফ ও ইটালিক টাইপফেসগুলো স্যানস-সেরিফ টাইপফেসের একঘেয়েমি দূর করে এবং এই বার্তাটি পৌঁছে দেয়: "এটাই গল্পের সারমর্ম।"
  • Geograph — প্রতিস্থাপন: Inter · রূপরেখা 400, 500, 700 · ইউজার ইন্টারফেসের প্রধান ফন্টটি মূল টেক্সট, নেভিগেশন লেবেল, বাটন, পণ্যের শিরোনাম, ফুটার, ইনপুট ফিল্ড এবং আইকনগুলোতে ব্যবহৃত হয়। হাইলাইট করা শিরোনামের জন্য ৫০০ এবং পণ্যের নামের জন্য ৭০০ ব্যবহার করা হয়। নেভিগেশন লেবেল এবং ক্যাটাগরিতে বড় হাতের অক্ষরে প্রশস্ত ব্যবধান (০.০২৫em–০.১০em) একটি সামঞ্জস্যপূর্ণ ব্র্যান্ড শৈলী প্রতিষ্ঠা করে।
  • HurmeGeometricSans3 — প্রতিস্থাপন: Inter · রূপরেখা 400 · বাটনের ব্যাকআপ বা নির্দিষ্ট লেবেল হিসেবে এটি খুব কমই ব্যবহৃত হয়। জিওগ্রাফ এই সিস্টেমটি প্রতিদিন ব্যবহার করে।

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

উদ্দেশ্যঅর্থ
ঘনত্বঘন
প্রাথমিক পদক্ষেপ8-16px
বোতামের ব্যাসার্ধ9999px (pill)
কার্ডের ব্যাসার্ধ16px
ছায়ানা - ছায়ার পরিবর্তে সীমানা
বিভাগগুলির মধ্যে40-56px
পৃষ্ঠার প্রস্থ1200px

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

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

একই রকম শৈলী

  • Lightship — খোলা রাস্তার এক চলচ্চিত্রীয় ডায়োরামা। উষ্ণ ক্রিম রঙের গ্যালারির দেয়ালগুলো কাছাকাছি দূরত্বে লাগানো বড় বড় প্রাকৃতিক দৃশ্যের ছবিতে সজ্জিত; ফ্রেমগুলোর ওপর সরু কালো হরফ প্রায় অদৃশ্য, আর একটিমাত্র উজ্জ্বল কমলা রঙের ছোঁয়া একরঙা পরিবেশকে ভেঙে দিচ্ছে, যেন কোনো তৃণভূমিতে জ্বলতে থাকা অগ্নিকুণ্ড।
  • Faire ES — উষ্ণ ক্রিমের পাইকারি ক্যাটালগ
  • Adanola — সাদা কাগজের উপর একটি এডিটোরিয়াল লুকবুক। একটি ফ্যাশন শুট, যেখানে পরিচ্ছন্ন সাদা পৃষ্ঠতলে টাইপোগ্রাফি ও ফটোগ্রাফি প্রাণবন্ত হয়ে ওঠে; টাইপফেসের জন্য ব্যবহৃত হয়েছে কালো কালি এবং ব্র্যান্ডের সামগ্রিক শৈলীকে প্রতিফলিত করে একটি সূক্ষ্ম সিগনেচার স্যান্স-সেরিফ ফন্ট (ফেভারিট)।
  • Oura Ring — নরম দিনের আলোয় স্নাত একটি আরামদায়ক ওটমিল তৈরির কর্মশালা।
  • Stykka — শুভ্র আলোয় উদ্ভাসিত একটি স্ক্যান্ডিনেভিয়ান কর্মশালা – এক শান্ত, হস্তনির্মিত শোরুম, যেখানে একমাত্র কণ্ঠস্বর হলো ফটোগ্রাফি।
  • DJI — মহাকাশীয় কালো ক্যানভাস, সাথে একটিমাত্র বৈদ্যুতিক নীল হাইলাইট
  • Altitude Beverages — একবর্ণী ম্যাগাজিন স্প্রেড। এমন একটি ফ্যাশন ম্যাগাজিনের স্প্রেডের কথা ভাবুন, যেখানে স্থির ছবিগুলো ছাড়া আর কোনো রঙ নেই—শুধু লেখা আর সাদা অংশই পুরো গল্পটা বলে দেয়।
  • AATHER — একটি খোলা অঞ্জলি, একটিমাত্র শিখা — নিস্তব্ধতার মাঝে আবদ্ধ এক নীরব বিলাসিতা।
  • Cowboy — তুষার-সাদা চীনামাটির আবহে অবস্থিত একটি বেলজিয়ান বাইসাইকেল গ্যালারি। এমন একটি শোরুম, যেখানে অনুজ্জ্বল পৃষ্ঠতল, সম্পাদকীয় উপকরণে ব্যবহৃত বড় হরফ এবং সজ্জার প্রায় অনুপস্থিতি চোখকে বাইসাইকেল ও তার ভেতরের জিনিসপত্রের দিকে আকর্ষণ করে।
  • Refero — সাদা মার্বেলের উপর সম্পাদকীয় বিন্যাস - একজন টাইপোগ্রাফারের তৈরি একটি পণ্যের পৃষ্ঠা, যেখানে সেরিফ শিরোনামটিই ব্র্যান্ডের পরিচয়চিহ্ন এবং বাকি সবকিছুই অনাড়ম্বর।
  • Face Formula — একটি স্ক্যান্ডিনেভিয়ান সম্পাদকীয় প্রতিকৃতি। শান্ত, ম্যাগাজিন-শৈলীর একটি স্প্রেড, যেখানে শীতল, কুয়াশাচ্ছন্ন পটভূমির বিপরীতে মডেলের চাহনি এবং কনডেন্সড সেরিফ ফন্টে লেখা শিরোনামটি নিজেই নিজের কথা বলে।
  • Shupatto — সাদা মার্বেলের উপর জাদুঘরের প্রদর্শনী বাক্স