1001site ক্যাটালগের স্টাইলগুলি
স্টাইল হলো একটি সুপরিচিত প্ল্যাটফর্মের উপর ভিত্তি করে তৈরি পূর্ব-পরিকল্পিত ওয়েবসাইট টেমপ্লেট: যেমন রং, ফন্ট, বাটন ও কার্ডের আকৃতি এবং অ্যানিমেশন। 1001site ক্যাটালগে ১,০০০টি স্টাইল রয়েছে। একটি টেমপ্লেট নির্বাচন করে "Apply" বাটনে ক্লিক করুন, এবং আপনার ওয়েবসাইটটি সেই স্টাইলে ডিজাইন করা হবে।
এটি কাদের জন্য উপযুক্ত?
যারা ডিজাইনার ছাড়াই একটি সুন্দর ওয়েবসাইট চান, তাদের জন্য। আপনি যতবার খুশি এর স্টাইল পরিবর্তন করতে পারবেন।

কোথায় স্টাইল বেছে নেবেন#
- আপনার অ্যাকাউন্টে: সেটিংস → হোম এবং মেনু → "সাইট স্টাইল" → "স্টাইল নির্বাচন করুন" (অথবা "অন্য একটি নির্বাচন করুন")। অথবা নির্দেশিকার ২ নং ধাপ অনুসরণ করুন।
- ডিরেক্টরি ওয়েবসাইট 1001site.com- এ গিয়ে স্টাইলটি খুলুন এবং কার্ডের নিচে থাকা 'Apply to your board'-এ ক্লিক করুন। আপনি যদি আগে থেকেই লগ ইন করে থাকেন, তাহলে স্টাইলটি সাথে সাথে প্রয়োগ হয়ে যাবে।
- ক্যাটালগে, রেজিস্ট্রেশন করার সময় "Get it" → "All Inclusive" নির্বাচন করুন। স্টাইলটি মনে রাখা হবে এবং পেমেন্টের পরে প্রয়োগ করা হবে।
পদক্ষেপ#
ধাপ 1. ক্যাটালগটি খুলুন#
"সাইট স্টাইল" বিভাগে, "স্টাইল নির্বাচন করুন"-এ ক্লিক করুন। কার্ডসহ একটি উইন্ডো খুলবে। নমুনা সাইটের ভিডিও দেখতে যেকোনো একটি কার্ডের উপর মাউস রাখুন।
ধাপ 2. একটি স্টাইল খুঁজুন#
অনুসন্ধানটি ব্র্যান্ডের নাম, রঙ, ফন্ট এবং বিভাগ অনুসারে করা হয়। উদাহরণস্বরূপ: 'apple,' 'minimal,' 'dark,' 'shop'।
ধাপ 3. প্রয়োগ করুন ক্লিক করুন#
কয়েক সেকেন্ডের মধ্যেই স্টাইলটি প্রয়োগ হয়ে যাবে: রং, ফন্ট, গোলাকার আকৃতি, শ্যাডো এবং অ্যানিমেশন। নির্বাচিত স্টাইলের নাম এবং প্রিভিউ "সাইট স্টাইল" ব্লকে দেখা যাবে। "ফলাফল দেখুন" লিঙ্কে ক্লিক করে সাইটটি খুলুন।
কী শৈলী পরিবর্তন করে#
| কী | কীভাবে |
|---|---|
| রং | পটভূমি, কার্ড, লেখা, অ্যাকসেন্ট। ডিফল্ট হালকা বা গাঢ় থিম—যেমনটি উদাহরণে দেখানো হয়েছে। |
| ফন্ট | গুগল ফন্টস থেকে উদাহরণ ফন্টের অনুরূপ একটি ফন্ট নির্বাচন করা হয়। |
| ফর্ম | বোতাম ও কার্ডের গোলাকারকরণ, সমতল কার্ড বা ছায়াযুক্ত কার্ড, ঘনত্ব |
| অ্যানিমেশন | চারটি সেটের মধ্যে একটি: শান্ত, কোমল, উজ্জ্বল, গতিশীল |
| হোম | ‘ডিজাইন হোমপেজ’ সুইচটি সক্রিয় করা হলে, শীর্ষে সাইটের নাম এবং স্টাইল স্লোগান সহ একটি হিরো ব্লক যুক্ত হবে। |
এই স্টাইল আপনার টেক্সট, প্রোডাক্ট, ক্যাটাগরি, পেজ বা CSS-কে প্রভাবিত করে না। আপনার CSS-এর পরিবর্তনগুলো স্টাইল ব্লকের পাশেই সংরক্ষিত হয়।
স্টাইল এবং এআই সহকারী#
একটি স্টাইল নির্বাচন করার পর, এআই অ্যাসিস্ট্যান্ট সেই স্টাইলের ডিজাইন রেফারেন্স—যেমন কম্পোজিশন, চিত্র, টাইপোগ্রাফি এবং লেখার ধরণ—এর উপর ভিত্তি করে হোমপেজ ও পেজগুলো তৈরি করে। ডিজাইনারদের ক্ষেত্রেও নীতিটি একই: স্টাইল → ডিজাইন সিস্টেম → পেজ।
স্টাইল পরিবর্তন বা অপসারণ করুন#
- পরিবর্তন: "অন্যান্য নির্বাচন করুন" → নতুন নির্বাচন করুন → "প্রয়োগ করুন"। পূর্ববর্তী স্টাইল ব্লকটি প্রতিস্থাপিত হয়, যুক্ত হয় না।
- রিমুভ: স্টাইল প্রিভিউতে থাকা ট্র্যাশ ক্যান আইকনটি মুছে ফেলুন। এটি স্টাইলটির CSS এবং নামটি মুছে দেয়। রং এবং ফন্ট অপরিবর্তিত থাকে—আপনি ব্র্যান্ডিং-এ গিয়ে সেগুলো অ্যাডজাস্ট করতে পারেন অথবা অ্যাসিস্ট্যান্টকে "ডিজাইনটি রিসেট" করতে বলতে পারেন।
স্টাইল ফাইল#
ক্যাটালগের প্রতিটি স্টাইলের এমন ফাইল রয়েছে যা এআই টুল বুঝতে পারে:
- DESIGN.md (সম্পূর্ণ ও সংক্ষিপ্ত) — স্টাইলের বিবরণ: ভূমিকাসহ রঙ, ফন্ট, আকার, ইন্ডেন্ট, করণীয়/অকরণীয় নিয়মাবলী।
- Tailwind v4 হলো Tailwind-এর একটি থিম।
- CSS ভেরিয়েবল - CSS ভেরিয়েবলসমূহ।
- টোকেন ডিজাইন — টোকেন সহ JSON
স্টাইলের ক্যাটালগ পেজ থেকে ফাইলগুলো কপি বা ডাউনলোড করা যাবে। এগুলো Claude, ChatGPT, Cursor বা আমাদের অ্যাসিস্ট্যান্টকে দেওয়া খুব সহজ: "এই স্টাইলে তৈরি করে দিন।" স্টাইল ক্যাটালগ দেখুন।
শুল্ক#
পেইড প্ল্যানগুলোতে আপনার ওয়েবসাইটে স্টাইল প্রয়োগ করার সুবিধা রয়েছে। প্ল্যান না থাকলে, পেমেন্টের পর স্টাইলটি স্বয়ংক্রিয়ভাবে সেভ ও প্রয়োগ হয়ে যায়।
প্রশ্ন ও উত্তর#
স্টাইলটি প্রয়োগ করা হয়েছে, কিন্তু সাইটটি উদাহরণের মতো দেখাচ্ছে না। কেন?#
এই স্টাইলটি রং, ফন্ট, আকৃতি এবং অ্যানিমেশনেও প্রযোজ্য। পেজের কাঠামো এবং ছবিগুলো আপনার নিজের। হোমপেজটিকে উদাহরণের মতো করে তৈরি করতে, এআই অ্যাসিস্ট্যান্টকে বলুন: "সাইটের স্টাইলে হোমপেজটি ডিজাইন করুন: হিরো, অ্যাডভান্টেজেস, গ্যালারি, কন্টাক্টস।"
আমি কি একাধিক সাইটে একটি স্টাইল প্রয়োগ করতে পারি?#
হ্যাঁ, স্টাইলটি বর্তমান সাইটে প্রয়োগ করা হয়েছে। আপনার ড্যাশবোর্ডে সাইট পরিবর্তন করুন এবং স্টাইলটি আবার প্রয়োগ করুন।
আমি নিজে হাতে রং পরিবর্তন করে তারপর স্টাইলটি প্রয়োগ করেছি। কোনটি জিতবে?#
স্টাইল। স্টাইল থেকে নেওয়া রংগুলো ম্যানুয়ালি সেট করা রংগুলোকে বাতিল করে দেবে। 'কোড এবং উইজেট' সেকশনের কাস্টম CSS অপরিবর্তিত থাকবে।
আপনি উদাহরণগুলো কোথা থেকে সংগ্রহ করেন?#
জনপ্রিয় ওয়েবসাইট স্টাইলের একটি উন্মুক্ত ক্যাটালগ থেকে। ভিডিও এবং পোস্টার আমাদের সার্ভারে সংরক্ষিত আছে।