
Shopify
মিডনাইট গ্রিনহাউস - গভীর ফিরোজা পটভূমিতে ট্রেডমার্কগুলো ফুটে ওঠে, যা পুদিনার একটিমাত্র স্ফুলিঙ্গের আলোয় উদ্ভাসিত।
শপিফাই-এর ডিজাইন সিস্টেমটি বাণিজ্যের জন্য একটি গভীর কর্মশালার মতো: প্রায়-কালো একটি ক্যানভাস যা গাঢ় ফিরোজা সবুজ রঙে রাঙানো, একটি প্রশস্ত ও আত্মবিশ্বাসী স্যানস-সেরিফ টাইপফেস, এবং একটিমাত্র উজ্জ্বল মিন্ট রঙের অ্যাকসেন্ট যা ইন্টারেক্টিভ মুহূর্তগুলোকে সক্রিয় করে তোলে। ইন্টারফেসটি একটি ডার্করুমের মতো, যেখানে পণ্য এবং ব্র্যান্ডগুলোই আলোর উৎস—ছবি এবং স্টোরফ্রন্টগুলো প্রায়-কালো পৃষ্ঠের বিপরীতে উজ্জ্বল হয়ে ওঠে, আর ক্রোমের উপাদানগুলো পেছনের দিকে সরে যায়। উপাদানগুলো জ্যামিতিক অথচ কোমল: পাতলা বর্ডারসহ ১২ পিক্সেল-রেডিয়াসের কার্ড, পিল-আকৃতির বাটন, এবং ৩৩০-ওয়েট টাইপফেস যা চিৎকার না করে বরং ফিসফিস করে বিশালতার অনুভূতি দেয়। একটিমাত্র রঙিন বিরামচিহ্ন (#36f4a4) লিঙ্ক, ট্যাগ এবং ফোকাস স্টেটে অল্প পরিমাণে ব্যবহার করা হয়েছে, যাতে কার্যকরী মুহূর্তগুলোর জন্য রঙ সংরক্ষিত থাকে এবং মার্চেন্টদের গল্পগুলোই ভিজ্যুয়াল ফোকাল পয়েন্ট হিসেবে থেকে যায়।
সর্বোচ্চ প্রস্থ প্রায় ১২৮০ পিক্সেল, যা কেন্দ্রে অবস্থিত এবং এতে সম্পূর্ণ-প্রস্থের স্প্ল্যাশ ব্লকগুলো ফটো কন্টেইনারের বাইরে পর্যন্ত বিস্তৃত। পৃষ্ঠার বিন্যাস পর্যায়ক্রমে সাজানো: (১) একটি সম্পূর্ণ-প্রস্থের গাঢ় স্প্ল্যাশ পৃষ্ঠা, যার উপরে একটি শিরোনাম এবং কল-টু-অ্যাকশন বাটন রয়েছে, (২) আরামদায়ক গাঢ় অংশ, যেখানে সর্বোচ্চ-প্রস্থের টেক্সট এবং ২ কলামে ইমেজ ব্লক অথবা ৩ কলামে ইমেজ গ্রিড রয়েছে, (৩) ইন্টারেক্টিভ শোকেস প্যানেল (প্রোডাক্ট কার্ড, শিপিং ক্যালকুলেটর, বিশ্ব মানচিত্র) যা একটি গভীর ক্যানভাসের উপর উঁচু কার্ড হিসাবে প্রদর্শিত হয়। নেভিগেশনটি একটি স্থির টপ বার, যেখানে লোগো + ৩টি নেভিগেশন উপাদান + সেকেন্ডারি লিঙ্ক + প্রধান কল-টু-অ্যাকশন বাটন রয়েছে, যা সবই ডানদিকে সারিবদ্ধ। উল্লম্ব বিন্যাসে অংশগুলোর মধ্যে ৮০ পিক্সেলের ফাঁক ব্যবহার করা হয়েছে এবং একটি মসৃণ রূপান্তর রয়েছে—গাঢ় অংশগুলোর মধ্যে কোনো বিভাজক নেই, কেবল পৃষ্ঠের রঙের পরিবর্তন রয়েছে।
ভিজ্যুয়াল ডিজাইনটি মূলত খুচরা বিক্রেতাদের কেন্দ্র করে তৈরি করা হয়েছে: পূর্ণ আকারের পণ্যের ছবি এবং ব্র্যান্ড ইভেন্টের ছবিগুলোই এর ভিজ্যুয়াল আবেদনের সিংহভাগ বহন করে, যা প্রায়শই বড় ব্যাকগ্রাউন্ডের উপর সাদা টেক্সটের আকারে থাকে। ছবিগুলো খুব কাছ থেকে ক্রপ করা, হাই-কনট্রাস্ট এবং উৎসবমুখর প্রকৃতির (যেমন নাসডাকের ঘণ্টার ধ্বনি, দলবদ্ধ শুভেচ্ছা বিনিময়, হাতে থাকা পণ্যের ক্লোজ-আপ)। গাঢ় ব্যাকগ্রাউন্ড এমন একটি ধারণা তৈরি করে যেন এই ছবিগুলো স্পটলাইটের আলোয় আলোকিত। ইলাস্ট্রেশনগুলো মিনিমালিস্ট—মূল ব্যাখ্যার কাজটি করে পণ্যের ছবি এবং দোকানের স্ক্রিনশট। আইকনগুলো মনোক্রোম, যার লাইন উইডথ ১.৫–২ পিক্সেল এবং সক্রিয় অবস্থার জন্য সাধারণত সাদা বা #36f4a4 রঙের হয়ে থাকে।
প্যালেট
ব্র্যান্ড
- Shopify Mint
#36f4a4— সক্রিয় নেভিগেশন ইন্ডিকেটর, ফোকাস রিং, ট্যাগ হাইলাইট এবং লিঙ্কের উপর হোভার হাইলাইটগুলোই হলো একমাত্র বর্ণিল দ্যুতি, যা একটি অন্ধকার পটভূমির বিপরীতে সক্রিয় মিথস্ক্রিয়ার অনুভূতি তৈরি করে।
নিরপেক্ষ
- Midnight Forest
#02090a— পেজ ক্যানভাস, হেডার ব্যাকগ্রাউন্ড ইমেজ, সেকশন ব্যাকগ্রাউন্ড ইমেজ - Deep Lichen
#061a1c— মূল কার্ডের পৃষ্ঠতল, উঁচু প্যানেল, কন্টেন্ট ব্লক। - Shaded Fern
#072720— নেভিগেশন প্যানেল, অতিরিক্ত কার্ড, প্যানেলের প্রায় অলক্ষ্য উচ্চতা বৃদ্ধি। - Spruce Border
#1e2c31— কার্ডের জন্য পাতলা বর্ডার, বিভাজন রেখা, ইনপুট ফিল্ডের রূপরেখা। - Abyss Indigo
#000a1e— পণ্য/প্রদর্শনী স্থাপনের জন্য অতিরিক্ত পৃষ্ঠতল, এবং কার্যকারিতার বিবরণসহ প্যানেল। - Pure White
#ffffff— মূল লেখা, বাটন পূরণ, শিরোনাম, লোগো।
টাইপোগ্রাফি
১২ থেকে ৭০ পিক্সেল · ৮টি ধাপ
- Neue Haas Grotesk — প্রতিস্থাপন: Inter · রূপরেখা 330, 400, 500, 550, 600 · মূল টাইপোগ্রাফিক সিস্টেমটি হলো: হেডলাইনের জন্য ৭০–৯৬ পিক্সেল (৩৩০–৪০০) ফন্ট ওয়েট, যা জমকালো না হয়ে বরং সূক্ষ্ম; মূল লেখার জন্য ১৬–১৮ পিক্সেল (৪০০–৫০০) ফন্ট ওয়েট; এবং নেভিগেশন ও ইউজার ইন্টারফেসের জন্য ১৪–১৬ পিক্সেল (৫০০–৫৫০) ফন্ট ওয়েট। বড় স্ক্রিনের জন্য ৩৩০-এর অতি-হালকা ফন্ট ওয়েটটি একটি স্বতন্ত্র বৈশিষ্ট্য: এটি বিশালতার পরিবর্তে সংযমের মাধ্যমে আত্মবিশ্বাস প্রকাশ করে।
- Inter Variable — প্রতিস্থাপন: Inter · রূপরেখা 400, 420, 450, 550 · এটি একটি সেকেন্ডারি ফন্ট টাইপ যা নেভিগেশনাল ইন্টারফেস এলিমেন্ট, ছোট নোট, ট্যাব কন্ট্রোল এবং ফুটারের মাইক্রোটেক্সটে ব্যবহৃত হয়। এর কিছুটা বড় ছোট হাতের অক্ষর এবং স্ট্যান্ডার্ড লেটার স্পেসিং এটিকে কম্প্যাক্ট আকারে আরও সহজে পাঠযোগ্য করে তোলে। এটি এমন পরিস্থিতিতেও উপযুক্ত যেখানে একটি রেগুলার এবং মাঝারি আকারের ফন্টের মধ্যবর্তী শূন্যস্থান পূরণের জন্য একটি ৪২০-ওয়েট ফন্ট প্রয়োজন হয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 12px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 12px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 80px |
| পৃষ্ঠার প্রস্থ | 1280px |
এআই আপনার ওয়েবসাইটটি Shopify স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Retool — একটি উষ্ণ অবসিডিয়ান কর্মশালা — সূক্ষ্ম যন্ত্রপাতির একটি পৃষ্ঠতল, চাপা অঙ্গারের আলোয় আলোকিত, যেখানে সবকিছু সৃষ্টি হয়।
- Elektron — মধ্যরাতে যন্ত্রপাতির কন্ট্রোল প্যানেলটি প্রায় একটি কালো ক্যানভাসের মতো, যেখানে পণ্যের ছবিগুলো উজ্জ্বল হয়ে ওঠে, অথচ ইন্টারফেসটি কার্যত অদৃশ্য থাকে।
- REKKI — ফটো ল্যাবে ফ্লাইট কন্ট্রোল প্যানেল
- OFFFICE : — বিশাল ফন্টে আবৃত একটি নোয়ার গ্যালারি
- Clyde — একটিমাত্র স্পটলাইটযুক্ত শোরুমটি প্রায় একটি অন্ধকার গ্যালারি, যেখানে ঘরের একমাত্র রঙ হলো একটি উষ্ণ গ্রেডিয়েন্ট বল।
- Channel Studio — একটি প্রবাল ল্যাম্পশেড সহ একটি স্টুডিও ফটো ল্যাব
- Electronic Materials Office — কাঠকয়লা দিয়ে সজ্জিত একটি গ্যালারিতে জ্বলন্ত অঙ্গার
- Apple iPhone 18 Pro — মধ্যরাতের হার্ডওয়্যারের একটি গ্যালারি। প্রতিটি বিভাগকে একটি অন্ধকার, জাদুঘর-সদৃশ ভিত্তি হিসেবে ভাবুন, যেখানে পণ্যটির একটি অংশকে নিখুঁতভাবে তুলে ধরা হয়েছে এবং এর চারপাশে টাইপোগ্রাফি ও নীল কন্ট্রোলগুলো বিচক্ষণ লেবেল হিসেবে কাজ করছে।
- Apple Watch Ultra 4 — রাতের বেলা পরীক্ষার জন্য একটি টুল। কালো প্রদর্শনী এলাকার একটি অনুক্রম হিসাবে স্ক্রিন তৈরি করুন, যেখানে বিশাল এসএফ প্রো হেডারগুলি উচ্চ-নির্ভুল সরঞ্জাম, সক্রিয় ডেটা এবং সাবধানে পরিমাপ করা বৈদ্যুতিক রঙগুলিকে ফ্রেম করে।
- Apple Watch Series 12 — অন্ধকারে একটি ব্রোঞ্জের সেন্সর। ঘড়িটির হার্ডওয়্যার এবং অবস্থার নির্দেশকগুলোকে প্রায় অন্ধকার একটি গ্যালারিতে ভাসমান আলোকিত বস্তু হিসেবে ভাবুন।
- Bedouin's Daughter — কালো মখমলের উপর সূর্যালোক। দৃশ্যগত বিন্যাসের সমান অংশ হিসেবে উজ্জ্বল মাখনের মতো হলুদ, কঠিন কালো পৃষ্ঠতল এবং দানাদার, সূর্যালোকিত ছবি ব্যবহার করুন।
- ORYZO AI — ডার্করুম নিয়ে একটি আলোকচিত্র-প্রবন্ধ। উষ্ণ অন্ধকারে ভাসমান নিঃসঙ্গ একটি বস্তু, ক্রিম রঙের ফন্টই একমাত্র সজ্জা।