ব্র্যান্ড ও ডিজাইন গাইডলাইন।
DoctoVisit AI ব্যক্তিগত স্বাস্থ্যসেবার জন্য তৈরি। এই পৃষ্ঠাটি ব্র্যান্ড, ভয়েস, রঙ, টাইপ, কম্পোনেন্ট এবং ভাষার নিয়মের একক উৎস।
চিহ্ন ও ওয়ার্ডমার্ক
DoctoVisit AI একটি শান্ত ক্লিনিকের মতো অনুভব হওয়া উচিত, চ্যাটবট নয়।
ব্র্যান্ড ব্লুতে একটি মেডিকেল প্লাস মার্ক, কমলা যত্ন-ডটসহ।
- গ্রাহক ব্র্যান্ড: DoctoVisit AI। কোড আইডেন্টিটি: DoctoVisit (প্যাকেজ নাম, API)।
- ওয়ার্ডমার্কে .ai সবসময় text-blue।
- যত্ন-ডট সবসময় উপরে ডানে থাকবে। সরাবেন না।
ভয়েস ও মূলনীতি
রোগীরা ভীত বা ব্যস্ত। আমরা সিনিয়র ডাক্তারের মতো কথা বলি: পরিষ্কার, সদয়।
ডাক্তার-গ্রেড, চ্যাটবট-কিউট নয়
ক্লিনিক্যাল কন্টেন্টে কোনো ইমোজি বা বিস্ময়সূচক চিহ্ন নয়। 'Oops!' এর বদলে "একটি সমস্যা হয়েছে। আবার চেষ্টা করুন।"
ভাষা যেন স্বাভাবিক লাগে
ব্যবহারকারী যেভাবে বলেন, সেভাবেই লিখুন। ভাষাকে আলাদা ফিচার বানাবেন না। বাংলা মোডে বাংলা সংখ্যা ব্যবহার করুন।
মানুষকে দেখান
প্রতিটি AI আউটপুট সেই ডাক্তারের নাম দেখায় যিনি রিভিউ করবেন। স্ট্যাটাস দৃশ্যমান।
মূল্য আগে, ৳ শিরোনামে
৳২৯৯ ফ্ল্যাট। ডাক্তার অস্বীকার করলে ৳০। ট্যাপ করার আগেই টাকার অঙ্ক।
জরুরি লক্ষণ মানুষের কাছে যায়
বুকে ব্যথা, ভারী রক্তপাত, স্ট্রোকের লক্ষণ থাকলে চ্যাট ৯৯৯ দেখায়।
রঙের সিস্টেম
শান্ত উষ্ণ অফ-হোয়াইট। বিএমডিসি ব্লু = বিশ্বাস। কমলা = যত্ন-ডট।
টাইপ স্কেল
Inter সবকিছুর জন্য। JetBrains Mono ক্লিনিক্যাল মেটার জন্য।
কোর কম্পোনেন্ট
এই কম্পোনেন্টগুলি প্রতিটি লেনে শেয়ার করা।
- @/components/ui/button
primary, orange, ghost, outline, subtle · sm/md/lg
- @/components/ui/card
default, soft, filled, outlined · with optional CardHeader
- @/components/ui/eyebrow
mono uppercase tracked label with leading dot · blue / orange / ink / muted
- @/components/ui/chip
pill chip · neutral / blue / orange / green / red · active state
ভাষার নিয়ম
ভাষা যেন যত্নের পথে বাধা না হয়। সার্ভার কম্পোনেন্টে লোকেল পড়ুন।
readLocale() → getMessages(locale)
প্রতিটি পৃষ্ঠা readLocale() এবং getMessages(locale) দিয়ে সার্ভার-সাইডে রেন্ডার করে।
টোকেন ক্রস-রেফারেন্স
প্যাকেজ packages/design-tokens/tokens.json থেকে।
bg-bg / bg-surface / bg-surface-2 / text-ink / text-ink-soft / text-ink-mute / border-line · bg-blue / text-blue / bg-blue-dark / bg-blue-soft / bg-orange / bg-orange-soft / bg-green · rounded-md / rounded-lg / rounded-xl / rounded-pill · shadow-sm / shadow-md