ব্র্যান্ড বুক · ডিজাইন সিস্টেম
কাগজ, কালি আর একটি জংশন।
পেজ তার টুল ঘোষণা করে; মাঝখানে থাকে ব্রাউজার; পেজ আর এজেন্ট মেলে, কেউ কাউকে সরিয়ে না দিয়ে। মার্কটি সেই মিলনেরই ছবি। নিচের সবকিছু রেন্ডার হয়েছে আসলে শিপ হওয়া কোড থেকেই।
01 · নাম
webmcpx, সবসময় ছোট হাতের অক্ষরে
- সবসময় ছোট হাতের অক্ষরে: webmcpx, বাক্যের শুরুতেও (দরকার হলে বাক্যটাই নতুন করে লিখুন)।
- কোড ও কমান্ডে এটি Geist Mono-তে লিখুন।
- WebMCP হলো ব্রাউজার API, বানান খসড়ায় যেমন আছে তেমন। webmcp.zone হলো কমিউনিটি সাইট।
- webmcpx নিজে WebMCP নয়, আর কখনো WebMCP নাম দাবি করে না।
02 · লোগো
তিনটি মার্ক, একটি ধারণা
যেখানে পারেন, জংশন ব্যবহার করুন। কার্ড হলো ব্যাজ আর অ্যাপ আইকন (32px ও তার বেশি); স্লটসহ পেজ হলো বিকল্প।
03 · গঠন
24 ইউনিটের গ্রিড, 2 ইউনিটের ফাঁক
দুটি ভরাট শেভরন, একটি অন্যটির আয়না-প্রতিবিম্ব। প্রান্তে বাহু 4.5 ইউনিট, শীর্ষবিন্দু 2 ইউনিট জুড়ে সমান করে কাটা, আর দুটোর মাঝে 2 ইউনিটের এমন এক ফাঁক যা কখনো বন্ধ হয় না: সেই ফাঁকটাই ব্রাউজার।
ফাঁকা জায়গা
মার্কের চারপাশে তার উচ্চতার অর্ধেক পরিমাণ জায়গা ফাঁকা রাখুন, আর লকআপের চারপাশে x-এর উচ্চতার সমান।
সর্বনিম্ন আকার
শুধু ফেভিকন ভ্যারিয়েন্ট হিসেবেই মার্কটি 16px পর্যন্ত ছোট করা যাবে। লকআপ অন্তত 24px উঁচু।
04 · রঙ
কাগজ আর কালি, একটি হাইলাইটার
মানগুলো tokens.css থেকে পড়া। আর্টওয়ার্ক বাছুন যে ব্যাকগ্রাউন্ডে বসবে সেই অনুযায়ী, পাঠকের থিম অনুযায়ী নয়।
-
paper
#f2f1ed
পেজের ব্যাকগ্রাউন্ড
-
paper-2
#e8e6e0
নিচু প্যানেল, ট্র্যাক
-
card
#fcfbf8
কাগজের ওপর কার্ড ও ইনপুট
-
ink
#121210
টেক্সট, আউটলাইন, ছায়া, প্রধান বাটন
-
ink-2
#43423f
গৌণ টেক্সট
-
ink-3
#5c5b56
ক্যাপশন ও লেবেল
-
hairline
#d3d1ca
সরু বিভাজক রেখা
-
marker
#fcd948
হাইলাইটার: একমাত্র অ্যাকসেন্ট
-
good
#197037
রেডি, পাস (টেক্সট)
-
good-soft
#b9eec2
রেডি, পাস (ফিল)
-
bad
#af2b25
অনুপস্থিত, ব্যর্থ (টেক্সট)
-
bad-soft
#ffd9d2
অনুপস্থিত, ব্যর্থ (ফিল)
-
code
#171614
কোড ব্লকের ব্যাকগ্রাউন্ড
-
on-code
#e9e8e3
কোড ব্লকের ওপর টেক্সট
অনুমোদিত টেক্সট জুটি
WCAG 2.2 AA বডি টেক্সটের জন্য 4.5:1 চায়; একটি টেস্ট তা নিশ্চিত করে।
| ব্যাকগ্রাউন্ডের ওপর টেক্সট | কনট্রাস্ট |
|---|---|
| paper-এর ওপর ink | 16.65:1 |
| paper-2-এর ওপর ink | 15.08:1 |
| card-এর ওপর ink | 18.17:1 |
| marker-এর ওপর ink | 13.55:1 |
| good-soft-এর ওপর ink | 14.35:1 |
| bad-soft-এর ওপর ink | 14.41:1 |
| ink-এর ওপর paper | 16.65:1 |
| paper-এর ওপর ink-2 | 8.86:1 |
| card-এর ওপর ink-2 | 9.67:1 |
| paper-এর ওপর ink-3 | 6.04:1 |
| paper-2-এর ওপর ink-3 | 5.47:1 |
| card-এর ওপর ink-3 | 6.59:1 |
| paper-এর ওপর good | 5.47:1 |
| card-এর ওপর good | 5.97:1 |
| paper-এর ওপর bad | 5.79:1 |
| card-এর ওপর bad | 6.32:1 |
| code-এর ওপর on-code | 14.73:1 |
হলুদ শুধু ব্যাকগ্রাউন্ড, কখনো ফিগার নয়
কাগজের ওপর হাইলাইটার হলুদের মাপ 1.23:1: এটি কোনো আকার বা টেক্সট বহন করতে পারে না। কালির পেছনে ব্যবহার করুন: একটি হাইলাইট করা শব্দ, একটি চিপ, একটি অ্যাপ আইকন।
05 · টাইপ
Bricolage, Geist, Geist Mono
Bricolage Grotesque · বিশাল
এজেন্ট-রেডি
Bricolage Grotesque · শিরোনাম
একই এজেন্ট। একই প্রশ্ন।
Geist · বডি
যাচাই করা যায় এমন ছোট বাক্য। প্রতিটিতে একটি ভাবনা।
Geist Mono · কোড ও লেবেল
document.modelContext.registerTool()
06 · কম্পোনেন্ট
2px আউটলাইন, শক্ত ছায়া
src/lib/components/ui। ভ্যারিয়েন্টগুলো tailwind-variants রেসিপি; আকারগুলো আসে একই টোকেন থেকে।
Button · ভ্যারিয়েন্ট × সাইজ
Stamp · টোন
Tabs
প্রথম-এর প্যানেল। অ্যারো কী ব্যবহার করুন।
দ্বিতীয়-এর প্যানেল। অ্যারো কী ব্যবহার করুন।
CodeBlock (বিল্ডের সময় হাইলাইট করা)
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/src/auto.js"></script>07 · ভুল ব্যবহার
যা করবেন না
-
টেনে লম্বা বা চেপে চ্যাপ্টা করবেন না
-
ঘোরাবেন না
-
আউটলাইন বা স্ট্রোক যোগ করবেন না
-
হলুদ রঙে আঁকবেন না
-
মার্কে ছায়া বা ইফেক্ট দেবেন না
-
শেভরন দুটোর মাঝের ফাঁক বন্ধ করবেন না
08 · ট্রেডমার্ক
নামটা স্বাধীনভাবে ব্যবহার করুন। অফিশিয়াল সাজবেন না।
কোড MIT লাইসেন্সে; নাম ও মার্ক সেই লাইসেন্সের আওতায় পড়ে না। পুরো নীতি আছে TRADEMARK.md-তে।
এভাবে বলুন
- W3C Web Machine Learning Community Group-এর WebMCP Draft Community Group Report বাস্তবায়ন করে (W3C Standard নয়)।
- webmcpx দিয়ে তৈরি। webmcpx-এর সঙ্গে সামঞ্জস্যপূর্ণ।
- WebMCP ফ্ল্যাগ চালু থাকলে Chrome-এ কাজ করে।
কখনো নয়
- অফিশিয়াল WebMCP লাইব্রেরি
- W3C WebMCP স্ট্যান্ডার্ড
- MCP সার্টিফায়েড
- Chrome-এর জন্য webmcpx
লেখার সুর
যাচাই করা যায় এমন ছোট বাক্য। বিশেষণের বদলে সংখ্যা।
যে শব্দ ব্যবহার করি
ঘোষণা করেউন্মুক্ত করেকল করেমাপা হয়েছেকমিউনিটি গ্রুপের খসড়া অনুসরণ করেwebmcpx-এর সঙ্গে কাজ করে
যে শব্দ এড়িয়ে চলি
অফিশিয়ালW3C স্ট্যান্ডার্ডW3C-সম্মতMCP সার্টিফায়েডবৈপ্লবিকজাদুকরী
নোটিশ
- webmcpx একটি স্বাধীন প্রজেক্ট। LF Projects, the Agentic AI Foundation, Anthropic, W3C, Google বা Microsoft-এর সঙ্গে এর কোনো সম্পর্ক নেই, এবং তারা এটিকে অনুমোদন বা সমর্থন করে না।
- Model Context Protocol ও MCP লোগো LF Projects, LLC-এর ট্রেডমার্ক।
- W3C® হলো World Wide Web Consortium-এর ট্রেডমার্ক।