[{"data":1,"prerenderedAt":1193},["ShallowReactive",2],{"i-lucide:chevron-down":3,"i-lucide:search":8,"i-lucide:sun":10,"i-lucide:moon":12,"i-lucide:arrow-right":14,"i-lucide:menu":16,"i-lucide:mail":18,"i-simple-icons:x":20,"i-simple-icons:linkedin":22,"i-simple-icons:dribbble":25,"i-simple-icons:github":27,"i-lucide:arrow-up-right":29,"blog-\u002Fblog\u002Fbn\u002Fdesign-system-mistakes":31,"blog-related-\u002Fblog\u002Fbn\u002Fdesign-system-mistakes":774,"i-lucide:chevron-right":1181,"i-lucide:calendar":1183,"i-lucide:clock":1185,"i-lucide:link":1187,"i-lucide:trending-up":1189,"i-lucide:copy":1191},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23,"hidden":24},"\u003Cpath fill=\"currentColor\" d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z\"\u002F>",true,{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":26},"\u003Cpath fill=\"currentColor\" d=\"M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12s-5.385 12-12 12m10.12-10.358c-.35-.11-3.17-.953-6.384-.438c1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.16 10.16 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765q.202-.067.405-.12q-.392-.879-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a66 66 0 0 0-3.8-5.928a10.28 10.28 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6c3.645-1.365 5.19-3.44 5.373-3.702A10.2 10.2 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04c.24.49.47.985.68 1.486c.08.18.15.36.22.53c3.41-.43 6.8.26 7.14.33c-.02-2.42-.88-4.64-2.31-6.38z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":28},"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":30},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"id":32,"title":33,"author":34,"body":37,"category":758,"cover":759,"coverAlt":33,"date":760,"description":761,"draft":6,"extension":762,"featured":6,"lang":763,"meta":764,"navigation":24,"path":765,"readingTime":146,"seo":766,"seoTitle":767,"stem":768,"tags":769,"__hash__":773},"blog\u002Fblog\u002Fbn\u002Fdesign-system-mistakes.md","ডিজাইন সিস্টেম বানানোর আগে যে ভুলগুলো এড়ানো দরকার",{"name":35,"role":36},"নাফিস রহমান","ডিজাইন সিস্টেম লিড",{"type":38,"value":39,"toc":749},"minimark",[40,44,49,52,200,210,216,220,228,440,451,454,500,507,511,520,533,537,540,590,604,607,611,614,617,621,624,722,729,733,739,742,745],[41,42,43],"p",{},"একটা ডিজাইন সিস্টেম হয় তার প্রথম রিব্র্যান্ড পার করে, নয়তো পারে না। বেশিরভাগ পারে না — আর কারণটা প্রায় সবসময় একই: সিস্টেমে দুইটা লেয়ার আছে, যেখানে দরকার ছিল তিনটা।",[45,46,48],"h2",{"id":47},"দুই-লেয়ারের-ফাঁদ","দুই-লেয়ারের ফাঁদ",[41,50,51],{},"প্রায় প্রতিটা টোকেন সিস্টেম এইভাবে শুরু হয়। একটা প্যালেট, আর কম্পোনেন্ট যেগুলো সেটা ব্যবহার করে।",[53,54,59],"pre",{"className":55,"code":56,"language":57,"meta":58,"style":58},"language-css shiki shiki-themes github-dark-dimmed github-dark-dimmed",":root {\n  --blue-500: #00d4ff;\n  --gray-900: #18181b;\n}\n\n.card {\n  background: var(--gray-900);\n  border-color: var(--gray-800);\n}\n\n.button-primary {\n  background: var(--blue-500);\n}\n","css","",[60,61,62,75,91,104,110,116,124,144,161,166,171,179,195],"code",{"__ignoreMap":58},[63,64,67,71],"span",{"class":65,"line":66},"line",1,[63,68,70],{"class":69},"sQdni",":root",[63,72,74],{"class":73},"sM9_K"," {\n",[63,76,78,82,85,88],{"class":65,"line":77},2,[63,79,81],{"class":80},"siJwO","  --blue-500",[63,83,84],{"class":73},": ",[63,86,87],{"class":69},"#00d4ff",[63,89,90],{"class":73},";\n",[63,92,94,97,99,102],{"class":65,"line":93},3,[63,95,96],{"class":80},"  --gray-900",[63,98,84],{"class":73},[63,100,101],{"class":69},"#18181b",[63,103,90],{"class":73},[63,105,107],{"class":65,"line":106},4,[63,108,109],{"class":73},"}\n",[63,111,113],{"class":65,"line":112},5,[63,114,115],{"emptyLinePlaceholder":24},"\n",[63,117,119,122],{"class":65,"line":118},6,[63,120,121],{"class":69},".card",[63,123,74],{"class":73},[63,125,127,130,132,135,138,141],{"class":65,"line":126},7,[63,128,129],{"class":69},"  background",[63,131,84],{"class":73},[63,133,134],{"class":69},"var",[63,136,137],{"class":73},"(",[63,139,140],{"class":80},"--gray-900",[63,142,143],{"class":73},");\n",[63,145,147,150,152,154,156,159],{"class":65,"line":146},8,[63,148,149],{"class":69},"  border-color",[63,151,84],{"class":73},[63,153,134],{"class":69},[63,155,137],{"class":73},[63,157,158],{"class":80},"--gray-800",[63,160,143],{"class":73},[63,162,164],{"class":65,"line":163},9,[63,165,109],{"class":73},[63,167,169],{"class":65,"line":168},10,[63,170,115],{"emptyLinePlaceholder":24},[63,172,174,177],{"class":65,"line":173},11,[63,175,176],{"class":69},".button-primary",[63,178,74],{"class":73},[63,180,182,184,186,188,190,193],{"class":65,"line":181},12,[63,183,129],{"class":69},[63,185,84],{"class":73},[63,187,134],{"class":69},[63,189,137],{"class":73},[63,191,192],{"class":80},"--blue-500",[63,194,143],{"class":73},[63,196,198],{"class":65,"line":197},13,[63,199,109],{"class":73},[41,201,202,203,205,206,209],{},"দেখতে পরিষ্কার। ছয় মাস ভালোই চলে। তারপর ব্র্যান্ড বদলায় — নীল থেকে সবুজ — আর তখন বোঝা যায় ",[60,204,192],{}," নামটাই সমস্যা। এখন হয় সবুজ রঙ একটা ",[60,207,208],{},"blue"," নামের ভেরিয়েবলে রাখতে হবে, নয়তো কোডবেসে ৪০০টা জায়গায় খুঁজে বদলাতে হবে।",[41,211,212,213,215],{},"আরও খারাপ ব্যাপারটা হলো ডার্ক মোড। ",[60,214,140],{}," ডার্ক থিমে ব্যাকগ্রাউন্ড, লাইট থিমে টেক্সট। একই টোকেন, দুইটা উল্টো ভূমিকা। কম্পোনেন্ট যখন সরাসরি প্যালেট ছোঁয়, তখন প্রতিটা কম্পোনেন্টকে জানতে হয় থিম কী — আর সেটাই সিস্টেমটার মৃত্যু।",[45,217,219],{"id":218},"তৃতীয়-লেয়ারটা-ভূমিকা","তৃতীয় লেয়ারটা: ভূমিকা",[41,221,222,223,227],{},"মাঝখানে যা দরকার, সেটা রঙ নয় — ",[224,225,226],"strong",{},"ভূমিকা","।",[53,229,231],{"className":55,"code":230,"language":57,"meta":58,"style":58},"\u002F* লেয়ার ১ — প্রিমিটিভ। কোনো প্রোডাক্ট-অর্থ নেই। *\u002F\n:root {\n  --cyan-400: #22d3ee;\n  --cyan-600: #0891b2;\n  --zinc-50: #fafafa;\n  --zinc-900: #18181b;\n}\n\n\u002F* লেয়ার ২ — সিমান্টিক। থিম অনুযায়ী বদলায়। *\u002F\n:root {\n  --surface: var(--zinc-50);\n  --foreground: var(--zinc-900);\n  --primary: var(--cyan-600);\n}\n\n[data-theme='dark'] {\n  --surface: var(--zinc-900);\n  --foreground: var(--zinc-50);\n  --primary: var(--cyan-400);\n}\n",[60,232,233,239,245,257,269,281,292,296,300,305,311,327,343,359,364,369,389,404,419,435],{"__ignoreMap":58},[63,234,235],{"class":65,"line":66},[63,236,238],{"class":237},"s0RzX","\u002F* লেয়ার ১ — প্রিমিটিভ। কোনো প্রোডাক্ট-অর্থ নেই। *\u002F\n",[63,240,241,243],{"class":65,"line":77},[63,242,70],{"class":69},[63,244,74],{"class":73},[63,246,247,250,252,255],{"class":65,"line":93},[63,248,249],{"class":80},"  --cyan-400",[63,251,84],{"class":73},[63,253,254],{"class":69},"#22d3ee",[63,256,90],{"class":73},[63,258,259,262,264,267],{"class":65,"line":106},[63,260,261],{"class":80},"  --cyan-600",[63,263,84],{"class":73},[63,265,266],{"class":69},"#0891b2",[63,268,90],{"class":73},[63,270,271,274,276,279],{"class":65,"line":112},[63,272,273],{"class":80},"  --zinc-50",[63,275,84],{"class":73},[63,277,278],{"class":69},"#fafafa",[63,280,90],{"class":73},[63,282,283,286,288,290],{"class":65,"line":118},[63,284,285],{"class":80},"  --zinc-900",[63,287,84],{"class":73},[63,289,101],{"class":69},[63,291,90],{"class":73},[63,293,294],{"class":65,"line":126},[63,295,109],{"class":73},[63,297,298],{"class":65,"line":146},[63,299,115],{"emptyLinePlaceholder":24},[63,301,302],{"class":65,"line":163},[63,303,304],{"class":237},"\u002F* লেয়ার ২ — সিমান্টিক। থিম অনুযায়ী বদলায়। *\u002F\n",[63,306,307,309],{"class":65,"line":168},[63,308,70],{"class":69},[63,310,74],{"class":73},[63,312,313,316,318,320,322,325],{"class":65,"line":173},[63,314,315],{"class":80},"  --surface",[63,317,84],{"class":73},[63,319,134],{"class":69},[63,321,137],{"class":73},[63,323,324],{"class":80},"--zinc-50",[63,326,143],{"class":73},[63,328,329,332,334,336,338,341],{"class":65,"line":181},[63,330,331],{"class":80},"  --foreground",[63,333,84],{"class":73},[63,335,134],{"class":69},[63,337,137],{"class":73},[63,339,340],{"class":80},"--zinc-900",[63,342,143],{"class":73},[63,344,345,348,350,352,354,357],{"class":65,"line":197},[63,346,347],{"class":80},"  --primary",[63,349,84],{"class":73},[63,351,134],{"class":69},[63,353,137],{"class":73},[63,355,356],{"class":80},"--cyan-600",[63,358,143],{"class":73},[63,360,362],{"class":65,"line":361},14,[63,363,109],{"class":73},[63,365,367],{"class":65,"line":366},15,[63,368,115],{"emptyLinePlaceholder":24},[63,370,372,375,378,382,386],{"class":65,"line":371},16,[63,373,374],{"class":73},"[",[63,376,377],{"class":69},"data-theme",[63,379,381],{"class":380},"sEYkB","=",[63,383,385],{"class":384},"szYpP","'dark'",[63,387,388],{"class":73},"] {\n",[63,390,392,394,396,398,400,402],{"class":65,"line":391},17,[63,393,315],{"class":80},[63,395,84],{"class":73},[63,397,134],{"class":69},[63,399,137],{"class":73},[63,401,340],{"class":80},[63,403,143],{"class":73},[63,405,407,409,411,413,415,417],{"class":65,"line":406},18,[63,408,331],{"class":80},[63,410,84],{"class":73},[63,412,134],{"class":69},[63,414,137],{"class":73},[63,416,324],{"class":80},[63,418,143],{"class":73},[63,420,422,424,426,428,430,433],{"class":65,"line":421},19,[63,423,347],{"class":80},[63,425,84],{"class":73},[63,427,134],{"class":69},[63,429,137],{"class":73},[63,431,432],{"class":80},"--cyan-400",[63,434,143],{"class":73},[63,436,438],{"class":65,"line":437},20,[63,439,109],{"class":73},[41,441,442,443,446,447,450],{},"খেয়াল করুন ",[60,444,445],{},"--primary"," দুই থিমে ",[224,448,449],{},"আলাদা hex","। এটা ভুল নয়, এটাই মূল কথা। ডার্ক মোডের উজ্জ্বল সায়ান সাদা ব্যাকগ্রাউন্ডে কনট্রাস্ট পরীক্ষায় ফেল করে। \"একটা ব্র্যান্ড কালার সব জায়গায়\" — এই ধারণাটাই অ্যাক্সেসিবিলিটির সাথে সাংঘর্ষিক।",[41,452,453],{},"কম্পোনেন্ট এখন শুধু ভূমিকা ব্যবহার করে:",[53,455,457],{"className":55,"code":456,"language":57,"meta":58,"style":58},".card {\n  background: var(--surface);\n  color: var(--foreground);\n}\n",[60,458,459,465,480,496],{"__ignoreMap":58},[63,460,461,463],{"class":65,"line":66},[63,462,121],{"class":69},[63,464,74],{"class":73},[63,466,467,469,471,473,475,478],{"class":65,"line":77},[63,468,129],{"class":69},[63,470,84],{"class":73},[63,472,134],{"class":69},[63,474,137],{"class":73},[63,476,477],{"class":80},"--surface",[63,479,143],{"class":73},[63,481,482,485,487,489,491,494],{"class":65,"line":93},[63,483,484],{"class":69},"  color",[63,486,84],{"class":73},[63,488,134],{"class":69},[63,490,137],{"class":73},[63,492,493],{"class":80},"--foreground",[63,495,143],{"class":73},[63,497,498],{"class":65,"line":106},[63,499,109],{"class":73},[41,501,502,503,506],{},"রিব্র্যান্ড এখন ",[224,504,505],{},"লেয়ার দুইয়ের একটা এডিট","। কম্পোনেন্ট একটাও ছুঁতে হয় না।",[45,508,510],{"id":509},"ভুল-১-টোকেনের-নাম-রঙ-দিয়ে-রাখা","ভুল ১ — টোকেনের নাম রঙ দিয়ে রাখা",[41,512,513,516,517,519],{},[60,514,515],{},"--brand-blue"," একটা টাইম বোমা। ",[60,518,445],{}," নয়।",[41,521,522,523,525,526,525,529,532],{},"নিয়মটা সহজ: টোকেনের নামে যদি এমন কিছু থাকে যা রিব্র্যান্ডে মিথ্যা হয়ে যেতে পারে, নামটা ভুল। ",[60,524,208],{},", ",[60,527,528],{},"large",[60,530,531],{},"top-nav"," — সবগুলোই কোনো না কোনো দিন মিথ্যা হয়।",[45,534,536],{"id":535},"ভুল-২-বিল্ড-টাইমে-রিজলভ-করা","ভুল ২ — বিল্ড টাইমে রিজলভ করা",[41,538,539],{},"Tailwind v4-এ এইটা নিঃশব্দে কামড় দেয়।",[53,541,543],{"className":55,"code":542,"language":57,"meta":58,"style":58},"\u002F* ভুল — টগল কাজ করা বন্ধ করে দেয় *\u002F\n@theme {\n  --color-surface: var(--surface);\n}\n\n\u002F* ঠিক *\u002F\n@theme inline {\n  --color-surface: var(--surface);\n}\n",[60,544,545,550,557,562,566,570,575,582,586],{"__ignoreMap":58},[63,546,547],{"class":65,"line":66},[63,548,549],{"class":237},"\u002F* ভুল — টগল কাজ করা বন্ধ করে দেয় *\u002F\n",[63,551,552,555],{"class":65,"line":77},[63,553,554],{"class":380},"@theme",[63,556,74],{"class":73},[63,558,559],{"class":65,"line":93},[63,560,561],{"class":73},"  --color-surface: var(--surface);\n",[63,563,564],{"class":65,"line":106},[63,565,109],{"class":73},[63,567,568],{"class":65,"line":112},[63,569,115],{"emptyLinePlaceholder":24},[63,571,572],{"class":65,"line":118},[63,573,574],{"class":237},"\u002F* ঠিক *\u002F\n",[63,576,577,579],{"class":65,"line":126},[63,578,554],{"class":380},[63,580,581],{"class":73}," inline {\n",[63,583,584],{"class":65,"line":146},[63,585,561],{"class":73},[63,587,588],{"class":65,"line":163},[63,589,109],{"class":73},[41,591,592,593,595,596,599,600,603],{},"সাধারণ ",[60,594,554],{}," ব্লক মানটা বিল্ড টাইমে রিজলভ করে ফেলে — অর্থাৎ ",[60,597,598],{},"bg-surface"," কম্পাইল হয়ে একটা fixed hex-এ পরিণত হয়। থিম অ্যাট্রিবিউট বদলালে ভেরিয়েবল বদলায়, কিন্তু ক্লাসটা আর ভেরিয়েবল পড়ছেই না। ",[60,601,602],{},"inline"," কি-ওয়ার্ডটা রেফারেন্সটা রানটাইম পর্যন্ত টিকিয়ে রাখে।",[41,605,606],{},"লক্ষণটা বিভ্রান্তিকর: থিম টগল \"কাজ করে না\", অথচ ভেরিয়েবলগুলো DevTools-এ ঠিকঠাক বদলাচ্ছে।",[45,608,610],{"id":609},"ভুল-৩-অনেক-বেশি-টোকেন","ভুল ৩ — অনেক বেশি টোকেন",[41,612,613],{},"একটা সিস্টেমে ২০০টা স্পেসিং টোকেন থাকলে সেটা সিস্টেম নয়, সেটা একটা অভিধান। কেউ মুখস্থ করবে না, সবাই কাছাকাছি একটা বেছে নেবে, আর ফলাফল হবে ইনকনসিস্টেন্সি — ঠিক যেটা ঠেকাতে সিস্টেমটা বানানো।",[41,615,616],{},"কম টোকেন, কড়া নিয়ম। যদি একটা মান বছরে একবার লাগে, সেটা টোকেন নয় — সেটা ওই এক জায়গার একটা মান।",[45,618,620],{"id":619},"ভুল-৪-কম্পোনেন্ট-api-টা-লিখে-না-রাখা","ভুল ৪ — কম্পোনেন্ট API-টা লিখে না রাখা",[41,622,623],{},"টোকেন ঠিক থাকলেও কম্পোনেন্ট যদি যা খুশি ক্লাস নেয়, সিস্টেমটা ফাঁকা। প্রতিটা ভ্যারিয়েন্ট এক জায়গায় ঘোষিত থাকা দরকার:",[53,625,629],{"className":626,"code":627,"language":628,"meta":58,"style":58},"language-ts shiki shiki-themes github-dark-dimmed github-dark-dimmed","const button = tv({\n  base: 'inline-flex items-center justify-center rounded-lg',\n  variants: {\n    variant: {\n      primary: 'bg-primary text-on-primary',\n      ghost: 'bg-transparent hover:bg-surface-hover',\n    },\n    size: { sm: 'h-8 px-3', md: 'h-10 px-4' },\n  },\n})\n","ts",[60,630,631,649,660,665,670,680,690,695,712,717],{"__ignoreMap":58},[63,632,633,636,639,642,646],{"class":65,"line":66},[63,634,635],{"class":380},"const",[63,637,638],{"class":69}," button",[63,640,641],{"class":380}," =",[63,643,645],{"class":644},"s-wk_"," tv",[63,647,648],{"class":73},"({\n",[63,650,651,654,657],{"class":65,"line":77},[63,652,653],{"class":73},"  base: ",[63,655,656],{"class":384},"'inline-flex items-center justify-center rounded-lg'",[63,658,659],{"class":73},",\n",[63,661,662],{"class":65,"line":93},[63,663,664],{"class":73},"  variants: {\n",[63,666,667],{"class":65,"line":106},[63,668,669],{"class":73},"    variant: {\n",[63,671,672,675,678],{"class":65,"line":112},[63,673,674],{"class":73},"      primary: ",[63,676,677],{"class":384},"'bg-primary text-on-primary'",[63,679,659],{"class":73},[63,681,682,685,688],{"class":65,"line":118},[63,683,684],{"class":73},"      ghost: ",[63,686,687],{"class":384},"'bg-transparent hover:bg-surface-hover'",[63,689,659],{"class":73},[63,691,692],{"class":65,"line":126},[63,693,694],{"class":73},"    },\n",[63,696,697,700,703,706,709],{"class":65,"line":146},[63,698,699],{"class":73},"    size: { sm: ",[63,701,702],{"class":384},"'h-8 px-3'",[63,704,705],{"class":73},", md: ",[63,707,708],{"class":384},"'h-10 px-4'",[63,710,711],{"class":73}," },\n",[63,713,714],{"class":65,"line":163},[63,715,716],{"class":73},"  },\n",[63,718,719],{"class":65,"line":168},[63,720,721],{"class":73},"})\n",[41,723,724,725,728],{},"টেবিলে না থাকলে ভ্যারিয়েন্টটা ",[224,726,727],{},"নেই","। এটাই একমাত্র নিয়ম যেটা সিস্টেমকে দুই বছর পরেও সিস্টেম রাখে।",[45,730,732],{"id":731},"যাচাই-করার-উপায়","যাচাই করার উপায়",[41,734,735,736],{},"সিস্টেমটা টিকবে কি না, তার একটাই সৎ পরীক্ষা: ",[224,737,738],{},"প্রাইমারি রঙটা বদলে দিন।",[41,740,741],{},"একটা ফাইলে একটা লাইন বদলে যদি পুরো প্রোডাক্ট বদলে যায় — দুই থিমেই, কনট্রাস্ট ভেঙে না গিয়ে — তাহলে তিনটা লেয়ার ঠিক আছে। যদি খুঁজে খুঁজে বদলাতে হয়, তাহলে এখনো দুইটা লেয়ার, আর প্রথম রিব্র্যান্ডেই এটা ভাঙবে।",[41,743,744],{},"এই পরীক্ষাটা করতে এক দিন লাগে। রিব্র্যান্ডের পর করতে হলে এক কোয়ার্টার লাগে।",[746,747,748],"style",{},"html pre.shiki code .sQdni, html code.shiki .sQdni{--shiki-default:#6CB6FF;--shiki-dark:#6CB6FF}html pre.shiki code .sM9_K, html code.shiki .sM9_K{--shiki-default:#ADBAC7;--shiki-dark:#ADBAC7}html pre.shiki code .siJwO, html code.shiki .siJwO{--shiki-default:#F69D50;--shiki-dark:#F69D50}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s0RzX, html code.shiki .s0RzX{--shiki-default:#768390;--shiki-dark:#768390}html pre.shiki code .sEYkB, html code.shiki .sEYkB{--shiki-default:#F47067;--shiki-dark:#F47067}html pre.shiki code .szYpP, html code.shiki .szYpP{--shiki-default:#96D0FF;--shiki-dark:#96D0FF}html pre.shiki code .s-wk_, html code.shiki .s-wk_{--shiki-default:#DCBDFB;--shiki-dark:#DCBDFB}",{"title":58,"searchDepth":93,"depth":93,"links":750},[751,752,753,754,755,756,757],{"id":47,"depth":77,"text":48},{"id":218,"depth":77,"text":219},{"id":509,"depth":77,"text":510},{"id":535,"depth":77,"text":536},{"id":609,"depth":77,"text":610},{"id":619,"depth":77,"text":620},{"id":731,"depth":77,"text":732},"design-systems","\u002Fcovers\u002Fblog\u002Fbn\u002Fdesign-system-mistakes.webp","2026-07-04","বেশিরভাগ টোকেন সিস্টেম প্রথম রিব্র্যান্ডেই ভেঙে পড়ে। কারণটা প্রায় সবসময় এক — দুইটা লেয়ার আছে, দরকার ছিল তিনটা।","md","bn",{},"\u002Fblog\u002Fbn\u002Fdesign-system-mistakes",{"title":33,"description":761},null,"blog\u002Fbn\u002Fdesign-system-mistakes",[770,771,772],"ডিজাইন সিস্টেম","টোকেন","Tailwind","_n6iSi6OyccjJuAUoxuUKw9Z6ppo9Cirh56iFPRlryc",[775,936,1052],{"id":776,"title":777,"author":778,"body":781,"category":923,"cover":767,"coverAlt":767,"date":924,"description":925,"draft":6,"extension":762,"featured":6,"lang":763,"meta":926,"navigation":24,"path":927,"readingTime":146,"seo":928,"seoTitle":929,"stem":930,"tags":931,"__hash__":935},"blog\u002Fblog\u002Fbn\u002Ftrust-social-proof-conversion.md","মানুষ কেন অচেনা কারো কাছ থেকে কিনতে দ্বিধা করে — Trust Signal যেভাবে সেল বাড়ায়",{"name":779,"role":780},"সাদিয়া ইসলাম","গ্রোথ ও মার্কেটিং লিড",{"type":38,"value":782,"toc":916},[783,786,793,797,804,810,814,840,843,849,853,860,866,870,877,888,892,899,902],[41,784,785],{},"একটা নতুন ফ্রিল্যান্সার, ভালো কাজ জানেন, পোর্টফোলিওও ভালো — কিন্তু ক্লায়েন্ট পাচ্ছেন না। অথচ পাশের আরেকজন, কাজের মান প্রায় কাছাকাছি, কিন্তু প্রোফাইলে \"৫০+ প্রজেক্ট সম্পন্ন, ৪.৯ রেটিং\" লেখা — তার কাছেই ক্লায়েন্ট বেশি যাচ্ছে।",[41,787,788,789,792],{},"এটা অন্যায্য মনে হতে পারে, কিন্তু মানুষের সিদ্ধান্ত নেওয়ার প্রক্রিয়াটাই এভাবে কাজ করে। কোনো কিছু সম্পর্কে নিজে যাচাই করার সময় বা তথ্য না থাকলে, মানুষ দেখে ",[224,790,791],{},"অন্যরা কী করছে"," — আর সেটাকেই নিরাপদ সিদ্ধান্ত হিসেবে ধরে নেয়।",[45,794,796],{"id":795},"social-proof-একা-সিদ্ধান্ত-নিতে-না-চাওয়ার-প্রবণতা","Social Proof — একা সিদ্ধান্ত নিতে না চাওয়ার প্রবণতা",[41,798,799,800,803],{},"মনোবিজ্ঞানী Robert Cialdini তার বিখ্যাত \"Influence\" বইতে এই প্যাটার্নটাকে বলেছেন ",[224,801,802],{},"social proof"," — অনিশ্চয়তার মুহূর্তে মানুষ অন্যদের আচরণ দেখে নিজের সিদ্ধান্ত ঠিক করে। একটা রেস্টুরেন্টের সামনে লাইন দেখলে সেটাকে \"ভালো রেস্টুরেন্ট\" ধরে নেওয়া, বা একটা প্রোডাক্টের হাজার হাজার রিভিউ দেখে ভরসা পাওয়া — দুটোই একই প্রবৃত্তি থেকে আসে।",[805,806,807],"note",{},[41,808,809],{},"Social proof সবচেয়ে বেশি কাজ করে যখন কাস্টমার নিজে নিশ্চিত না — নতুন প্রোডাক্ট, নতুন সার্ভিস প্রোভাইডার, বা দামি একটা সিদ্ধান্ত। যেখানে মানুষ ইতিমধ্যে নিশ্চিত (যেমন নিয়মিত কেনা কোনো ব্র্যান্ড), সেখানে রিভিউ-সংখ্যার প্রভাব তুলনামূলক কম।",[45,811,813],{"id":812},"নির্দিষ্ট-সংখ্যা-ভাসা-ভাসা-দাবির-চেয়ে-বেশি-কার্যকর","নির্দিষ্ট সংখ্যা, ভাসা ভাসা দাবির চেয়ে বেশি কার্যকর",[815,816,821,832],"compare",{"after":817,"before":818,"note":819,"split":820},"নির্দিষ্ট, যাচাইযোগ্য তথ্য","ভাসা ভাসা দাবি","ডান পাশের সংস্করণ নির্দিষ্ট সংখ্যা আর নাম দিয়ে যাচাইযোগ্যতা তৈরি করে — মিথ্যা বলার সুযোগ কম মনে হয়, তাই বিশ্বাসযোগ্যতাও বেশি।","একই ফ্রিল্যান্স প্রোফাইল",[822,823,824],"template",{"v-slot:before":58},[53,825,830],{"className":826,"code":828,"language":829},[827],"language-text","অনেক ক্লায়েন্টের সাথে কাজ\nকরেছি, সবাই খুশি হয়েছেন।\nসেরা সার্ভিস দেওয়ার\nচেষ্টা করি সবসময়।\n","text",[60,831,828],{"__ignoreMap":58},[822,833,834],{"v-slot:after":58},[53,835,838],{"className":836,"code":837,"language":829},[827],"৩৭টা প্রজেক্ট, ৪.৯\u002F৫ রেটিং\n(১১ জন ক্লায়েন্ট রিভিউ)\n\"Grameenphone-এর ড্যাশবোর্ড\nরিডিজাইন — ৩ সপ্তাহে ডেলিভারি\"\n",[60,839,837],{"__ignoreMap":58},[41,841,842],{},"ভাসা ভাসা দাবি (\"সবাই খুশি\") আসলে মিথ্যা বলার মতোই সহজ, তাই মস্তিষ্ক সেটাকে বিশেষ গুরুত্ব দেয় না। কিন্তু নির্দিষ্ট সংখ্যা আর নাম — যাচাই করা যায় এমন কিছু — সহজে বানিয়ে বলা যায় না বলেই বেশি বিশ্বাসযোগ্য মনে হয়।",[844,845,846],"warning",{},[41,847,848],{},"জাল রিভিউ বা বানানো সংখ্যা ব্যবহার করাটা শুধু নৈতিকভাবে ভুল না — বাস্তবে ধরা পড়ে গেলে (আর প্রায়ই পড়ে) সেটা নিরপেক্ষভাবে বিশ্বাসহীনতার চেয়েও বেশি ক্ষতি করে, কারণ কাস্টমার তখন প্রতারিত বোধ করে। যা আছে তাই দেখান — অল্প কিছু আসল রিভিউ, বানানো অনেক রিভিউয়ের চেয়ে বেশি কাজ করে।",[45,850,852],{"id":851},"reciprocity-আগে-দিলে-পরে-পাওয়া-যায়","Reciprocity — আগে দিলে, পরে পাওয়া যায়",[41,854,855,856,859],{},"Cialdini-র আরেকটা নীতি — ",[224,857,858],{},"reciprocity","। কেউ আগে থেকে বিনামূল্যে কিছু মূল্যবান পেলে, বিনিময়ে কিছু ফেরত দেওয়ার একটা স্বাভাবিক তাগিদ অনুভব করে। এই কারণেই ফ্রি টেমপ্লেট, ফ্রি অডিট, ফ্রি কনসালটেশন — এসব দীর্ঘমেয়াদে সেল বাড়ায়: প্রথমেই বিক্রির চেষ্টা না করে, আগে সাহায্য করলে বিশ্বাস তৈরি হয়, আর সেই বিশ্বাস থেকেই লেনদেন শুরু হয়।",[861,862,863],"tip",{},[41,864,865],{},"Reciprocity কাজ করার জন্য যা দিচ্ছেন সেটা আসলেই দরকারি হতে হবে — একটা সাধারণ ব্লগ পোস্টের চেয়ে, কাস্টমারের নির্দিষ্ট সমস্যার একটা ছোট, ব্যক্তিগতকৃত সমাধান (যেমন তার ওয়েবসাইটের একটা কুইক পারফরম্যান্স অডিট) অনেক বেশি প্রভাব ফেলে — কারণ সেটা স্পষ্টভাবে বোঝায় যে তার জন্যই সময় দেওয়া হয়েছে।",[45,867,869],{"id":868},"authority-কে-বলছে-সেটাও-গুরুত্বপূর্ণ","Authority — কে বলছে সেটাও গুরুত্বপূর্ণ",[41,871,872,873,876],{},"একই তথ্য একজন নবীন ফ্রিল্যান্সার বললে এক রকম শোনায়, আর কেউ যদি জানে যে সেই একই মানুষ একটা পরিচিত কোম্পানির সাথে কাজ করেছেন, তাহলে সেটা অন্যরকম ওজন পায়। এটাকে বলে ",[224,874,875],{},"authority"," — সার্টিফিকেট, পরিচিত ক্লায়েন্টের নাম, বা কোনো প্রতিষ্ঠিত প্ল্যাটফর্মে ফিচার হওয়া — এসব প্রকৃত দক্ষতা না বাড়ালেও, সেই দক্ষতার প্রতি বিশ্বাসকে বাড়িয়ে দেয়।",[878,879],"quiz",{":answer":880,":options":881,"checkLabel":882,"correctLabel":883,"explanation":884,"incorrectLabel":885,"question":886,"resetLabel":887},"2","[\"দাম খুব বেশি দেখাচ্ছে\",\"সার্ভিস লিস্ট খুব ছোট\",\"কোনো social proof বা trust signal নেই, তাই ভিজিটর ঝুঁকি নিতে দ্বিধা করবে\",\"ওয়েবসাইটের ডিজাইন পুরনো\"]","উত্তর মিলিয়ে দেখি","ঠিক আছে","দাম বা ডিজাইন সমস্যা হতে পারে, কিন্তু মূল বাধা হলো বিশ্বাসের অভাব। একটা নতুন বা অচেনা এজেন্সির কাছ থেকে কেনার সিদ্ধান্তে ঝুঁকি বেশি মনে হয় — কেউ যাচাই করতে পারছে না এটা আসলেই কাজ করে কি না। ক্লায়েন্ট লোগো, নির্দিষ্ট সংখ্যাসহ রিভিউ, বা আসল কেস স্টাডি এই ঝুঁকির অনুভূতি কমিয়ে দেয়, কারণ সেগুলো দেখায় যে অন্যরা আগে ঝুঁকি নিয়ে সন্তুষ্ট হয়েছে।","হয়নি","একটা নতুন ওয়েব এজেন্সির ওয়েবসাইটে কোনো ক্লায়েন্ট লোগো, রিভিউ বা কেস স্টাডি নেই — শুধু সার্ভিস লিস্ট আর দাম আছে। সবচেয়ে বড় সমস্যা কী?","আবার চেষ্টা করি",[45,889,891],{"id":890},"trust-signal-অডিট-করার-চেকলিস্ট","Trust signal অডিট করার চেকলিস্ট",[893,894],"checklist",{":items":895,"doneLabel":896,"resetLabel":897,"title":898},"[{\"label\":\"রিভিউ বা টেস্টিমোনিয়ালে নির্দিষ্ট নাম, সংখ্যা বা ফলাফল আছে কি?\",\"detail\":\"\\\"ভালো লেগেছে\\\"-র চেয়ে \\\"৩ সপ্তাহে ডেলিভারি, ৪০% দ্রুত লোড টাইম\\\" বেশি বিশ্বাসযোগ্য।\"},{\"label\":\"পরিচিত ক্লায়েন্ট বা প্রতিষ্ঠানের নাম দেখানো যাচ্ছে কি (অনুমতি নিয়ে)?\",\"detail\":\"একটা পরিচিত নাম, দশটা অচেনা নামের চেয়ে বেশি কাজ করতে পারে।\"},{\"label\":\"কোনো ফ্রি মূল্যবান কিছু আগে থেকে দেওয়া হচ্ছে কি (reciprocity)?\",\"detail\":\"একটা ছোট, ব্যক্তিগতকৃত সাহায্য — সাধারণ কনটেন্টের চেয়ে বেশি বিশ্বাস তৈরি করে।\"},{\"label\":\"কোনো দাবিই কি যাচাই-অযোগ্য বা অতিরঞ্জিত শোনাচ্ছে?\",\"detail\":\"অতিরঞ্জিত দাবি সন্দেহ তৈরি করে, বিশ্বাস না।\"},{\"label\":\"রিভিউ বা প্রমাণ কি আসল, নাকি বানানো?\",\"detail\":\"জাল প্রমাণ ধরা পড়লে যেকোনো pricing বা marketing কৌশলের চেয়ে বেশি ক্ষতি করে।\"}]","শেষ","রিসেট","ওয়েবসাইট বা প্রোফাইলে বিশ্বাসযোগ্যতা যাচাই করার তালিকা",[41,900,901],{},"সেল বাড়ানোর অনেকটাই আসলে প্রোডাক্ট বদলানো না — কাস্টমারের চোখে ঝুঁকিটা কমিয়ে দেওয়া। আর সেই ঝুঁকি কমে যখন সে দেখে, তার আগে অন্যরাও একই সিদ্ধান্ত নিয়ে ঠকেনি।",[41,903,904,905,910,911,915],{},"বিশ্বাস তৈরি হয়ে গেলে পরের প্রশ্নটা আসে দাম নিয়ে — ",[906,907,909],"a",{"href":908},"\u002Fblog\u002Fbn\u002Fprice-anchoring-decoy-effect","সেটা কীভাবে উপস্থাপন করলে কাজ করে",", আর ",[906,912,914],{"href":913},"\u002Fblog\u002Fbn\u002Ffreelance-rate-setting","নিজের রেট কীভাবে ঠিক করবেন"," — দুটোই আলাদা হিসাব।",{"title":58,"searchDepth":93,"depth":93,"links":917},[918,919,920,921,922],{"id":795,"depth":77,"text":796},{"id":812,"depth":77,"text":813},{"id":851,"depth":77,"text":852},{"id":868,"depth":77,"text":869},{"id":890,"depth":77,"text":891},"business","2026-09-11","একই ল্যান্ডিং পেজ, একই দাম, একই প্রোডাক্ট — শুধু নিচে তিনটা রিভিউ যোগ করলেই কনভার্শন বদলে যায়। এটা কাকতালীয় না, মানুষ সিদ্ধান্ত নেওয়ার সময় অন্যদের আচরণ দেখেই ভরসা করে।",{},"\u002Fblog\u002Fbn\u002Ftrust-social-proof-conversion",{"title":777,"description":925},"মানুষ অচেনা কারো কাছ থেকে কিনতে কেন দ্বিধা করে","blog\u002Fbn\u002Ftrust-social-proof-conversion",[932,933,934],"Trust","Conversion","সাইকোলজি","zbp8wNKt8V0yU7FIOwTSAV5lhPtUdkwPcOtUAWdPOJA",{"id":937,"title":938,"author":939,"body":940,"category":923,"cover":767,"coverAlt":767,"date":1040,"description":1041,"draft":6,"extension":762,"featured":6,"lang":763,"meta":1042,"navigation":24,"path":1043,"readingTime":146,"seo":1044,"seoTitle":1045,"stem":1046,"tags":1047,"__hash__":1051},"blog\u002Fblog\u002Fbn\u002Fjobs-to-be-done-customer-problem.md","প্রোডাক্ট বেচবেন না, সমস্যার সমাধান বেচুন — Customer আসলে কী 'hire' করছে",{"name":779,"role":780},{"type":38,"value":941,"toc":1034},[942,945,948,951,955,962,967,971,993,996,1001,1005,1012,1017,1023,1027,1031],[41,943,944],{},"একটা ফাস্ট-ফুড চেইন মিল্কশেকের সেল বাড়াতে চেয়েছিল। তারা শুরুতে করেছিল যা সবাই করে: কাস্টমারদের জিজ্ঞেস করেছিল মিল্কশেক আরও মিষ্টি হওয়া উচিত কি না, ঘন হওয়া উচিত কি না, ফ্লেভার বাড়ানো উচিত কি না। ফিডব্যাক অনুযায়ী বদলও করেছিল — সেলে তেমন পার্থক্য হয়নি।",[41,946,947],{},"পরে একজন গবেষক আলাদাভাবে খেয়াল করলেন: প্রায় অর্ধেক মিল্কশেক বিক্রি হচ্ছিল সকালবেলা, একা আসা মানুষদের কাছে, যারা সেটা গাড়িতে বসে খেয়ে অফিসে যাচ্ছিলেন। জিজ্ঞেস করে জানা গেল — তারা মিল্কশেক \"খেতে\" আসেননি। তারা এসেছিলেন একটা বোরিং, একঘেয়ে ড্রাইভকে একটু সহনীয় করার মতো কিছু খুঁজতে — যেটা এক হাতে খাওয়া যায়, নোংরা হয় না, আর অনেকক্ষণ ধরে টিকে থাকে যাতে পুরো জ্যামটা কাটানো যায়।",[41,949,950],{},"মিল্কশেক তাদের কাছে আসলে একটা \"সঙ্গী\" — বোরডম দূর করার একটা টুল। এই আসল কাজটা বুঝেই কোম্পানি প্রোডাক্টে বদল আনল: আরও ঘন করল (যাতে বেশিক্ষণ ধরে খাওয়া যায়, স্ট্র দিয়ে টানতে সময় লাগে), আর ছোট ছোট ফল-টুকরো যোগ করল (মাঝেমধ্যে একটা \"সারপ্রাইজ\")। মিষ্টতা নিয়ে কিছুই বদলায়নি।",[45,952,954],{"id":953},"customer-প্রোডাক্ট-কেনে-না-একটা-কাজের-জন্য-hire-করে","Customer প্রোডাক্ট কেনে না, একটা কাজের জন্য \"hire\" করে",[41,956,957,958,961],{},"এই চিন্তাধারাকে বলে ",[224,959,960],{},"Jobs-to-be-Done (JTBD)"," — মূল কথা: মানুষ কোনো প্রোডাক্ট বা সার্ভিস কেনে না, বরং তাদের জীবনের একটা নির্দিষ্ট মুহূর্তে, একটা নির্দিষ্ট সমস্যা সমাধানের জন্য সেটাকে \"hire\" করে। প্রোডাক্ট বদলে গেলেও, বা প্রতিযোগী বদলে গেলেও, \"job\"-টা একই থেকে যায়।",[805,963,964],{},[41,965,966],{},"\"Job\" মানে সবসময় ব্যবহারিক (functional) কিছু না। একটা দামি ঘড়ি কেনার job হতে পারে \"সময় দেখা\" — অথবা হতে পারে \"নিজেকে সফল হিসেবে অনুভব করা\" (emotional job) বা \"অন্যদের কাছে একটা নির্দিষ্ট ইমেজ তৈরি করা\" (social job)। একই প্রোডাক্ট, ভিন্ন কাস্টমারের কাছে ভিন্ন job সমাধান করছে হতে পারে।",[45,968,970],{"id":969},"ফিচার-ভিত্তিক-পিচ-বনাম-job-ভিত্তিক-পিচ","ফিচার-ভিত্তিক পিচ বনাম job-ভিত্তিক পিচ",[815,972,977,985],{"after":973,"before":974,"note":975,"split":976},"Job-ভিত্তিক পিচ","ফিচার-ভিত্তিক পিচ","বাম পাশেরটা প্রোডাক্ট নিয়ে কথা বলছে, ডান পাশেরটা কাস্টমারের আসল ভয় আর সময়ের সংকট নিয়ে কথা বলছে।","একই সার্ভিস — accounting সফটওয়্যার",[822,978,979],{"v-slot:before":58},[53,980,983],{"className":981,"code":982,"language":829},[827],"আমাদের সফটওয়্যারে আছে:\n- অটোমেটিক ইনভয়েস জেনারেশন\n- রিয়েল-টাইম ট্যাক্স ক্যালকুলেশন\n- মাল্টি-কারেন্সি সাপোর্ট\n",[60,984,982],{"__ignoreMap":58},[822,986,987],{"v-slot:after":58},[53,988,991],{"className":989,"code":990,"language":829},[827],"মাস শেষে হিসাব মেলাতে বসে\nরাত জাগতে হবে না।\n৫ মিনিটে ইনভয়েস, ট্যাক্সের\nহিসাব নিজে থেকেই ঠিক থাকবে।\n",[60,992,990],{"__ignoreMap":58},[41,994,995],{},"দুটোই একই ফিচার বর্ণনা করছে। কিন্তু দ্বিতীয়টা কাস্টমারের আসল অভিজ্ঞতা — মাস শেষে হিসাব নিয়ে চাপ, রাত জেগে কাজ করা — সেই জায়গা থেকে কথা বলছে। যে কাস্টমার এই ব্যথাটা অনুভব করছেন, তার কাছে দ্বিতীয় পিচটাই আগে পৌঁছায়।",[844,997,998],{},[41,999,1000],{},"নিজে থেকে অনুমান করে নেওয়া সবচেয়ে বড় ভুল — \"আমার মনে হয় কাস্টমাররা স্পিড চায়\" বলে ফিচার বানিয়ে ফেলা, আসল কাস্টমারকে জিজ্ঞেস না করেই। মিল্কশেকের উদাহরণেও প্রথম রাউন্ডের সার্ভে ব্যর্থ হয়েছিল কারণ প্রশ্নগুলো ছিল প্রোডাক্ট নিয়ে (\"মিষ্টি কেমন লাগে\"), কাস্টমারের পরিস্থিতি নিয়ে না (\"কখন, কেন এটা কেনেন\")।",[45,1002,1004],{"id":1003},"আসল-job-খুঁজে-বের-করার-একটা-সহজ-উপায়","আসল job খুঁজে বের করার একটা সহজ উপায়",[41,1006,1007,1008,1011],{},"সরাসরি \"আপনার কী দরকার\" জিজ্ঞেস করলে মানুষ প্রায়ই ফিচারের ভাষায় উত্তর দেয় (\"আরেকটু দ্রুত হলে ভালো হতো\"), আসল কারণ বলে না। এর বদলে জিজ্ঞেস করুন: ",[224,1009,1010],{},"\"সবশেষ কবে এই সমস্যায় পড়েছিলেন? তখন ঠিক কী হচ্ছিল, আর তখন কী করেছিলেন?\""," — একটা নির্দিষ্ট ঘটনার গল্প জিজ্ঞেস করলে আসল পরিস্থিতিটা বেরিয়ে আসে, সাধারণ মতামতের চেয়ে।",[861,1013,1014],{},[41,1015,1016],{},"একটা উত্তর পাওয়ার পর থেমে যাবেন না — একবার \"কেন\" জিজ্ঞেস করলে সাধারণত উপরিভাগের কারণ পাওয়া যায়। পরপর তিন-চারবার \"তারপর কেন এটা গুরুত্বপূর্ণ\" জিজ্ঞেস করলে আসল emotional বা social job-এ পৌঁছানো যায় — এটাকে বলে \"৫ কেন\" (5 Whys) টেকনিক।",[878,1018],{":answer":1019,":options":1020,"checkLabel":882,"correctLabel":883,"explanation":1021,"incorrectLabel":885,"question":1022,"resetLabel":887},"1","[\"\\\"জিমে আর কী কী ইকুইপমেন্ট থাকলে ভালো হতো?\\\"\",\"\\\"যেদিন মেম্বারশিপ নিয়েছিলেন, সেদিন ঠিক কী হয়েছিল যে সিদ্ধান্তটা নিলেন?\\\"\",\"\\\"আপনি কি জিমের দামে সন্তুষ্ট?\\\"\",\"\\\"আর কোন জিমে ট্রাই করেছিলেন?\\\"\"]","নির্দিষ্ট একটা মুহূর্তের কথা জিজ্ঞেস করলে (মেম্বারশিপ নেওয়ার দিন কী হয়েছিল) আসল \"job\"-টা বেরিয়ে আসে — হয়তো এটা নতুন বছরের রেজোলিউশন ছিল, বা ডাক্তারের সতর্কবার্তা, বা বন্ধুর সাথে সময় কাটানোর ইচ্ছা। ইকুইপমেন্ট বা দাম নিয়ে প্রশ্ন ফিচার-লেভেলে আটকে থাকে, আসল প্রেরণা পর্যন্ত পৌঁছায় না।","একজন কাস্টমার প্রিমিয়াম জিম মেম্বারশিপ কিনেছেন, কিন্তু মাসে মাত্র ২ বার যান। ঠিক জিম কেন কিনেছিলেন সেটা বুঝতে চাইলে সবচেয়ে ভালো প্রশ্ন কোনটা?",[45,1024,1026],{"id":1025},"customer-discovery-তে-যা-করবেন","Customer discovery-তে যা করবেন",[893,1028],{":items":1029,"doneLabel":896,"resetLabel":897,"title":1030},"[{\"label\":\"প্রোডাক্ট নিয়ে না জিজ্ঞেস করে, নির্দিষ্ট একটা ঘটনার গল্প জিজ্ঞেস করুন\",\"detail\":\"\\\"সবশেষ কবে এই সমস্যায় পড়েছিলেন\\\" — সাধারণ মতামতের চেয়ে অনেক বেশি সত্য বেরিয়ে আসে।\"},{\"label\":\"একটা \\\"কেন\\\"-তে থেমে যাবেন না, পরপর কয়েকবার জিজ্ঞেস করুন\",\"detail\":\"প্রথম উত্তর প্রায়ই উপরিভাগের — আসল emotional\u002Fsocial কারণ তিন-চার স্তর গভীরে থাকে।\"},{\"label\":\"যারা প্রোডাক্ট কিনে ব্যবহার করছেন না (churn), তাদেরও জিজ্ঞেস করুন\",\"detail\":\"যারা \\\"job\\\"-টা অন্য কোথাও সমাধান করে ফেলেছেন, তারাই আসল প্রতিযোগী কে সেটা বলে দেয় — যেটা সবসময় সরাসরি প্রতিদ্বন্দ্বী কোম্পানি হয় না।\"},{\"label\":\"ফিচার-অনুরোধকে সরাসরি বাস্তবায়ন না করে, পেছনের কারণটা খুঁজুন\",\"detail\":\"\\\"আরও দ্রুত চাই\\\" বলার পেছনে হয়তো \\\"সময়মতো বসের কাছে রিপোর্ট পাঠাতে না পারার ভয়\\\" লুকিয়ে আছে।\"},{\"label\":\"একই প্রোডাক্টের বিভিন্ন কাস্টমারের ভিন্ন job থাকতে পারে, এটা মেনে নিন\",\"detail\":\"একটাই মেসেজ সবার জন্য কাজ নাও করতে পারে — সেগমেন্ট অনুযায়ী পিচ বদলাতে হতে পারে।\"}]","আসল \"job\" খুঁজে বের করার চেকলিস্ট",[41,1032,1033],{},"কাস্টমার কী কিনছে সেটা প্রশ্ন না — কাস্টমার কেন কিনছে, ঠিক কোন মুহূর্তে, কোন চাপ থেকে — সেই প্রশ্নের উত্তরেই আসল সেলস স্ট্র্যাটেজি লুকিয়ে থাকে।",{"title":58,"searchDepth":93,"depth":93,"links":1035},[1036,1037,1038,1039],{"id":953,"depth":77,"text":954},{"id":969,"depth":77,"text":970},{"id":1003,"depth":77,"text":1004},{"id":1025,"depth":77,"text":1026},"2026-09-10","একজন কাস্টমার মিল্কশেক কেনে না — সকালের বোরিং গাড়ি-চালানোর সময়টাকে সহনীয় করার একটা উপায় কেনে। প্রোডাক্টের ফিচার লিস্ট না, এই \"job\"-টা বুঝলেই সেল বাড়ে।",{},"\u002Fblog\u002Fbn\u002Fjobs-to-be-done-customer-problem",{"title":938,"description":1041},"প্রোডাক্ট বেচবেন না, সমস্যার সমাধান বেচুন","blog\u002Fbn\u002Fjobs-to-be-done-customer-problem",[1048,1049,1050],"Customer Research","সেলস","বিজনেস","TOPAjOCpt_BhKxqqeV_N_Hx9tTiiamlLw20vaHTTO0E",{"id":1053,"title":1054,"author":1055,"body":1056,"category":923,"cover":767,"coverAlt":767,"date":1172,"description":1173,"draft":6,"extension":762,"featured":6,"lang":763,"meta":1174,"navigation":24,"path":908,"readingTime":126,"seo":1175,"seoTitle":1176,"stem":1177,"tags":1178,"__hash__":1180},"blog\u002Fblog\u002Fbn\u002Fprice-anchoring-decoy-effect.md","কাস্টমার দাম দেখে কেনে না, তুলনা দেখে কেনে — Price Anchoring যেভাবে কাজ করে",{"name":779,"role":780},{"type":38,"value":1057,"toc":1166},[1058,1061,1064,1068,1075,1078,1086,1090,1097,1119,1122,1127,1131,1145,1150,1155,1159,1163],[41,1059,1060],{},"একটা ম্যাগাজিনের সাবস্ক্রিপশন পেজে তিনটা অপশন ছিল: শুধু ওয়েব ভার্সন $59, শুধু প্রিন্ট ভার্সন $125, আর ওয়েব + প্রিন্ট একসাথে $125। তৃতীয়টা দেখে অবাক লাগার কথা — প্রিন্ট একা যা দাম, একসাথে নিলেও তাই। তাও এই সেটআপে বেশিরভাগ মানুষ তৃতীয় অপশনটাই বেছে নিয়েছিল। মাঝের অপশনটা সরিয়ে দিলে ফলাফল পুরো উল্টে যায় — তখন বেশিরভাগ মানুষ সবচেয়ে সস্তাটাই নেয়।",[41,1062,1063],{},"প্রোডাক্ট বদলায়নি, দামও বদলায়নি। শুধু একটা তুলনা করার মতো অপশন যোগ করা হয়েছিল — আর সেটাই সিদ্ধান্ত ঘুরিয়ে দিয়েছে।",[45,1065,1067],{"id":1066},"মস্তিষ্ক-দাম-বিচার-করে-না-তুলনা-করে","মস্তিষ্ক দাম বিচার করে না, তুলনা করে",[41,1069,1070,1071,1074],{},"এইটাই ",[224,1072,1073],{},"anchoring"," — মানুষ কোনো কিছুর দাম \"ঠিক আছে না বেশি\" এভাবে বিচার করে না, বরং হাতের কাছে যা তুলনা করার আছে তার সাথে মিলিয়ে বিচার করে। প্রথম যে সংখ্যাটা চোখে পড়ে, সেটাই একটা রেফারেন্স পয়েন্ট হয়ে যায় — বাকি সবকিছু তার সাপেক্ষে \"সস্তা\" বা \"দামি\" মনে হয়।",[41,1076,1077],{},"এটা কোনো ম্যানিপুলেশনের কৌশল না — এটা মানুষের সিদ্ধান্ত নেওয়ার স্বাভাবিক প্রক্রিয়া। একটা ফ্রিল্যান্স প্রজেক্টের কোটেশন একা পাঠালে ক্লায়েন্ট সেটাকে \"দামি\" বা \"সস্তা\" — কীসের সাথে তুলনা করে বিচার করবে, সেটা ঠিক করার সুযোগটাই তাকে দেওয়া হয়নি।",[805,1079,1080],{},[41,1081,1082,1083,227],{},"Anchor সবসময় সংখ্যায় হতে হবে এমন না। \"সাধারণত এই কাজের রেট $2000 থেকে শুরু\" — এই একটা লাইন বলার পরে $1200-এর কোটেশন পাঠালে সেটা পুরো অন্যরকম শোনায়, একই কোটেশন কোনো প্রসঙ্গ ছাড়া পাঠানোর তুলনায়। তবে anchor ঠিক করার আগে নিজের আসল রেটটা জানা লাগে — ",[906,1084,1085],{"href":913},"সেই হিসাবটা আলাদা",[45,1087,1089],{"id":1088},"তিনটা-অপশন-একটা-decoy","তিনটা অপশন, একটা \"decoy\"",[41,1091,1092,1093,1096],{},"উপরের ম্যাগাজিনের উদাহরণে মাঝের অপশনটার নাম ",[224,1094,1095],{},"decoy"," — নিজে থেকে কেউ ওটা বেছে নেয় না, কিন্তু ওটার পাশে দাঁড়ালে তৃতীয় অপশনটাকে \"obviously ভালো\" মনে হয়। কাউকে সরাসরি কিছু বেছে নিতে বলার চেয়ে, দুটো ভালো অপশনের মধ্যে তুলনা করতে দিলে সিদ্ধান্ত নেওয়া সহজ হয়ে যায় — আর সেই তুলনাটা যদি সাজিয়ে দেওয়া যায়, ফলাফলও পূর্বানুমান করা যায়।",[815,1098,1103,1111],{"after":1099,"before":1100,"note":1101,"split":1102},"তিনটা প্যাকেজ, মাঝেরটা ইচ্ছাকৃতভাবে কম আকর্ষণীয়","তিনটা প্যাকেজ, কোনো decoy নেই","ডান পাশে Standard-কে Pro-র প্রায় কাছাকাছি দামে রেখে, কিন্তু কম ফিচার দিয়ে, Pro-কে 'সহজ সিদ্ধান্ত' বানানো হয়েছে।","একই সার্ভিস",[822,1104,1105],{"v-slot:before":58},[53,1106,1109],{"className":1107,"code":1108,"language":829},[827],"Basic — ৳৫,০০০\u002Fমাস\nStandard — ৳১২,০০০\u002Fমাস\nPro — ৳১৫,০০০\u002Fমাস\n",[60,1110,1108],{"__ignoreMap":58},[822,1112,1113],{"v-slot:after":58},[53,1114,1117],{"className":1115,"code":1116,"language":829},[827],"Basic — ৳৫,০০০\u002Fমাস (শুধু জরুরি ফিচার)\nStandard — ৳১৪,০০০\u002Fমাস (Pro-র প্রায় সব ফিচার, তবে ২ জন ইউজার লিমিট)\nPro — ৳১৫,০০০\u002Fমাস (আনলিমিটেড ইউজার + প্রায়োরিটি সাপোর্ট)\n",[60,1118,1116],{"__ignoreMap":58},[41,1120,1121],{},"লক্ষ্য করুন: দ্বিতীয় সংস্করণে Standard আর Pro-র দামের পার্থক্য মাত্র ৳১,০০০, কিন্তু ফিচারের পার্থক্য বড়। এটা দেখার পর বেশিরভাগ মানুষের কাছে Pro-ই \"আসল ডিল\" মনে হয় — Standard-এর কাজ শুধু সেই তুলনাটা তৈরি করে দেওয়া।",[844,1123,1124],{},[41,1125,1126],{},"Anchor খুব বাড়িয়ে দিলে বা decoy খুব স্পষ্টভাবে \"বেকার অপশন\" বানিয়ে ফেললে উল্টো ফল হয় — মানুষ ম্যানিপুলেশন টের পেয়ে গেলে বিশ্বাস হারায়, আর সেটা যেকোনো pricing trick-এর চেয়ে বড় ক্ষতি করে। Decoy-কে বাস্তব, ব্যবহারযোগ্য একটা অপশন রাখতে হবে — নিছক ফাঁদ বানালে চলবে না।",[45,1128,1130],{"id":1129},"দাম-লেখার-ধরনও-প্রভাব-ফেলে","দাম লেখার ধরনও প্রভাব ফেলে",[41,1132,1133,1136,1137,1140,1141,1144],{},[60,1134,1135],{},"৳৯৯৯"," আর ",[60,1138,1139],{},"৳১,০০০"," — সংখ্যা প্রায় একই, কিন্তু প্রথমটা \"৯০০-এর ঘরে\" মনে হয়, দ্বিতীয়টা \"হাজারের ঘরে\"। বাম দিকের প্রথম সংখ্যাটাই মস্তিষ্ক আগে পড়ে ফেলে, বাকিটা পরে। এটাকে বলে ",[224,1142,1143],{},"left-digit effect"," — কোনো গোপন কৌশল না, শুধু মানুষ সংখ্যা যেভাবে স্ক্যান করে তার একটা বাস্তব ফলাফল।",[861,1146,1147],{},[41,1148,1149],{},"মাসিক আর বাৎসরিক প্যাকেজ পাশাপাশি দেখালে বাৎসরিকটাকে \"প্রতি মাসে ৳X\" হিসেবে ভেঙে দেখান, পুরো বছরের বড় সংখ্যাটা প্রথমে না দেখিয়ে। একই টাকা, কিন্তু ছোট সংখ্যাটা প্রথমে চোখে পড়লে সিদ্ধান্ত নেওয়া সহজ হয়।",[878,1151],{":answer":1019,":options":1152,"checkLabel":882,"correctLabel":883,"explanation":1153,"incorrectLabel":885,"question":1154,"resetLabel":887},"[\"Basic-এর চেয়ে সস্তা, ফিচার আরও কম\",\"Pro-র কাছাকাছি দাম, কিন্তু Pro-র চেয়ে স্পষ্টভাবে কম ফিচার\",\"সবচেয়ে বেশি দাম, সবচেয়ে বেশি ফিচার\",\"Basic আর Pro-র ঠিক মাঝামাঝি দাম, আর মাঝামাঝি ফিচার\"]","decoy-র কাজ হলো একটা নির্দিষ্ট অপশনকে (এখানে Pro) \"obviously ভালো ডিল\" বানিয়ে দেওয়া। Pro-র কাছাকাছি দামে রেখে কিন্তু স্পষ্টভাবে কম ফিচার দিলে, দাম পার্থক্য সামান্য মনে হয় আর ফিচার পার্থক্য বড় মনে হয় — ফলে মানুষ সেই সামান্য বাড়তি টাকা দিয়ে Pro-ই নেয়। মাঝামাঝি একটা \"ভারসাম্য\" অপশন আসলে decoy হিসেবে কাজ করে না, কারণ সেটা নিজেই একটা যুক্তিসঙ্গত পছন্দ হয়ে ওঠে।","একটা SaaS প্রোডাক্টের দুটো প্ল্যান আছে: Basic ৳৫০০\u002Fমাস, Pro ৳২০০০\u002Fমাস। বিক্রি বাড়ানোর জন্য একটা তৃতীয় \"decoy\" প্ল্যান যোগ করতে চান। এটার দাম আর ফিচার কেমন হওয়া উচিত?",[45,1156,1158],{"id":1157},"pricing-পেজ-রিভিউ-করার-আগে","Pricing পেজ রিভিউ করার আগে",[893,1160],{":items":1161,"doneLabel":896,"resetLabel":897,"title":1162},"[{\"label\":\"প্রথম যে সংখ্যাটা দেখা যাচ্ছে, সেটাই কি সঠিক anchor?\",\"detail\":\"সবচেয়ে দামি অপশন বাম দিকে বা সবার আগে থাকলে, বাকি সবকিছু তুলনায় সস্তা মনে হয়।\"},{\"label\":\"তিনটা অপশনের মধ্যে একটা কি স্পষ্ট decoy?\",\"detail\":\"decoy বাস্তব ব্যবহারযোগ্য হতে হবে, নিছক ফাঁদ বানালে বিশ্বাস নষ্ট হয়।\"},{\"label\":\"সংখ্যার প্রথম অঙ্কটা (left-digit) খেয়াল করেছেন?\",\"detail\":\"৯৯৯ আর ১০০০ — সংখ্যায় কাছাকাছি, ধারণায় না।\"},{\"label\":\"বড় সংখ্যাকে ছোট এককে ভেঙে দেখানো হয়েছে কি?\",\"detail\":\"বাৎসরিক দামকে মাসিক হিসেবে দেখানো এর একটা সাধারণ উদাহরণ।\"},{\"label\":\"Anchor বা decoy কি এতটা বাড়াবাড়ি যে অবিশ্বাস্য মনে হচ্ছে?\",\"detail\":\"ধরা পড়ে গেলে সেটা যেকোনো pricing কৌশলের চেয়ে বেশি ক্ষতি করে।\"}]","দাম লেখার আগে যা যাচাই করবেন",[41,1164,1165],{},"দাম ঠিক করা মানে শুধু একটা সংখ্যা বসানো না — সেই সংখ্যাটা কার পাশে বসছে, সেটাই আসল সিদ্ধান্ত।",{"title":58,"searchDepth":93,"depth":93,"links":1167},[1168,1169,1170,1171],{"id":1066,"depth":77,"text":1067},{"id":1088,"depth":77,"text":1089},{"id":1129,"depth":77,"text":1130},{"id":1157,"depth":77,"text":1158},"2026-09-09","একই প্রোডাক্ট, একই দাম — শুধু পাশে আরেকটা অপশন বসিয়ে দিলেই সেল বেড়ে যায়। ম্যাজিক না, এটা মানুষের মস্তিষ্কের একটা পরিচিত প্যাটার্ন — Anchoring।",{},{"title":1054,"description":1173},"কাস্টমার দাম দেখে কেনে না, তুলনা দেখে কেনে","blog\u002Fbn\u002Fprice-anchoring-decoy-effect",[1179,1049,934],"Pricing","ZGfdk0jKDlZ6-UkUohFeWrtqwtncS3wN60ZaBDDAQX0",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1182},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1184},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M8 2v3m8-3v3\"\u002F>\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M3 9h18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1186},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\u003Cpath d=\"M12 6v6l4 2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1188},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\u002F>\u003Cpath d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1190},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M16 7h6v6\"\u002F>\u003Cpath d=\"m22 7l-8.5 8.5l-5-5L2 17\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1192},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Crect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\u002F>\u003Cpath d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\u002F>\u003C\u002Fg>",1791742745840]