design-md-hub

## এটি কী design-md-hub হলো ১২০টি ব্র্যান্ড ডিজাইন সিস্টেমের একটি ওপেন-সোর্স রিপোজিটরি, যেখানে প্রতিটি একক প্লেইন-টেক্সট `DESIGN.md` ফাইলে সংরক্ষিত যা AI কোডিং এজেন্টরা পড়তে পারে। প্রতিটি স্পেসিফিকেশন ব্র্যান্ডের লাইভ প্রোডাকশন ওয়েবসাইট থেকে রিভার্স ইঞ্জিনিয়ার করা হয়েছে, তাই নথিভুক্ত ফন্ট, হেক্স মান, লোগো এবং কপি বাস্তব উৎস থেকে এসেছে। যে সব মান লাইভ সাইট থেকে যাচাই করা সম্ভব নয়, সেগুলো বাদ দেওয়া হয়েছে। ## DESIGN.md-এ যা থাকে - রঙের প্যালেট এবং সেমানটিক টোকেন - টাইপোগ্রাফি স্কেল এবং ফন্ট নির্বাচন - কম্পোনেন্ট প্যাটার্ন ও ভেরিয়েন্ট - স্পেসিং, শ্যাডো এবং বর্ডার রেডিয়াস - লেআউট নীতি এবং রেসপন্সিভ আচরণ - টোন, গার্ডরেইলস এবং করণীয়/বর্জনীয় প্রতিটি ব্র্যান্ড ফোল্ডারে একটি স্বয়ংসম্পূর্ণ `preview.html`ও রয়েছে যা কোনো বিল্ড স্টেপ ছাড়াই ব্রাউজারে সরাসরি খোলে, যাতে ভিজ্যুয়াল আইডেন্টিটি পরীক্ষা করা যায়। ## README-তে বর্ণিত ওয়ার্কফ্লো 1. ব্র্যান্ডের লাইভ সাইট ডাকা হয় (HTML, CSS, ফন্ট) এবং প্রকৃত টোকেন বের করা হয়। 2. সেই টোকেনগুলোর উপর ভিত্তি করে একটি প্লেইন-টেক্সট `DESIGN.md` স্পেসিফিকেশন তৈরি হয়। 3. একটি মিলিত `preview.html` ব্রাউজারে আইডেন্টিটি প্রদর্শন করে। 4. একটি কোডিং এজেন্ট `DESIGN.md` পড়ে সেই ব্র্যান্ডের ভয়েসে UI তৈরি করে। ## কভারেজ সংগ্রহটি ডেভেলপার টুলস, AI/LLM প্রোডাক্ট, ডিজাইন টুলস, ফিনটেক, অ্যানালিটিক্স, অবজার্ভেবিলিটি, প্রোডাক্টিভিটি অ্যাপ, auth সার্ভিস, ডাটা প্ল্যাটফর্ম, ই-কমার্স এবং অটোমেশন জুড়ে ছড়িয়ে আছে। নামভিত্তিক উদাহরণের মধ্যে রয়েছে GitHub, Figma, Cursor, Linear, Stripe, Vercel, Supabase, Notion, Docker, MongoDB, Cloudflare, OpenAI, Claude, Mistral AI, ElevenLabs, Tailwind CSS, shadcn/ui, n8n, Zapier, Grafana এবং আরও অনেক কিছু। প্রতিটি ব্র্যান্ডের পূর্বরূপ দেখার জন্য একটি লাইভ গ্যালারি সাইট README-তে যুক্ত আছে। ## ব্যবহারবিধি 1. তালিকাভুক্ত সংগ্রহ থেকে একটি `DESIGN.md` বেছে নিন। 2. এটি আপনার প্রজেক্টের রুটে কপি করুন। 3. আপনার কোডিং এজেন্টকে প্রজেক্টের রুটে থাকা DESIGN.md অনুসরণ করতে নির্দেশ দিন। 4. সামঞ্জস্যপূর্ণ স্টাইলিং সহ কম্পোনেন্ট, পেজ বা পুরো অ্যাপ তৈরি করুন। কোনো পে-ওয়াল, সাইনআপ বা API কী প্রয়োজন নেই; CONTRIBUTING.md অনুসরণ করে অবদান গ্রহণ করা হয়। ## সতর্কতা README অনুযায়ী, এই স্পেসিফিকেশনগুলো শিক্ষামূলক ও প্রোটোটাইপিংয়ের জন্য তৈরি unofficial রেফারেন্স; এগুলো পাবলিক ব্র্যান্ড সাইট থেকে রিভার্স ইঞ্জিনিয়ার করা হয়েছে এবং ব্র্যান্ডগুলো কর্তৃক সমর্থিত নয় বা এদের সাথে কোনো সম্পর্ক নেই। ট্রেডমার্ক ও লোগো তাদের মালিকদের। প্রজেক্টটি MIT লাইসেন্সের অধীনে।