
Ui
ম্যাট পেপারে ক্লিনিকাল পরিকল্পনা
shadcn/ui হলো একটি মনোক্রোম ডিজাইন সিস্টেম তৈরির কর্মশালা: একটি পরিষ্কার সাদা ক্যানভাস, নরম উষ্ণ ধূসর পৃষ্ঠতল এবং সূক্ষ্মতম সীমানায় স্থাপিত বড় ব্যাসার্ধের কার্ড। ইন্টারফেসটি প্রায় সম্পূর্ণ বর্ণহীন—কালো লেখা, সাদা পৃষ্ঠতল, ধূসর গৌণ টোন—এবং শুধুমাত্র ত্রুটির অবস্থার জন্য সংরক্ষিত একটি ব্যতিক্রমী লাল রঙ। এর টাইপোগ্রাফি স্ক্রিনে অক্ষরের কম উচ্চতা সহ গাইস্ট-এর জ্যামিতিক নিরপেক্ষতার উপর নির্ভর করে, যা একটি শান্ত, কোডের মতো অনুভূতি তৈরি করে এবং এটিকে কোনো ভোক্তা পণ্যের চেয়ে ডেভেলপার অবকাঠামোর মতো বেশি মনে হয়।
ন্যূনতম ছবি—সিস্টেমটি প্রায় সম্পূর্ণভাবে ইউজার ইন্টারফেস নিয়ে গঠিত। কোনো মূল ছবি, ইলাস্ট্রেশন বা আলংকারিক গ্রাফিক্স নেই। প্রোডাক্ট ডেমোগুলো একটি গ্রিডে কম্পোনেন্ট মকআপ (কার্ড, ইনপুট ফিল্ড, বাটন) হিসেবে উপস্থাপন করা হয়, যা ডকুমেন্টেশন এবং ভিজ্যুয়াল কন্টেন্ট উভয় হিসেবেই কাজ করে। আইকনগুলো হলো পাতলা জ্যামিতিক রেখা (সম্ভবত লুসাইড থেকে ধার করা), যা #0a0a0a বা #737373 রঙে ১.৫–২ পিক্সেল পুরু এবং কার্যকারিতার ইঙ্গিত হিসেবে অল্প পরিমাণে ব্যবহৃত হয়। ভিজ্যুয়াল ল্যাঙ্গুয়েজটি হলো স্বয়ং UI কম্পোনেন্টগুলো—পেজটি একটি জীবন্ত স্টাইল গাইড হিসেবে কাজ করে, যেখানে প্রতিটি দৃশ্যমান উপাদানই একটি দৃশ্যমান ডিজাইন এলিমেন্ট।
প্যালেট
নিরপেক্ষ
- Canvas
#f5f5f5— পৃষ্ঠার পটভূমি, অনুজ্জ্বল পৃষ্ঠতল পূরণ, অতিরিক্ত বোতাম। - Paper
#ffffff— কার্ডের পৃষ্ঠতল, পপ-আপ ব্যাকগ্রাউন্ড, প্রাথমিক বোতামের ফিল - Surface Alt
#fafafa— সাইডবারের পটভূমি, অনাক্রমণাত্মক কার্ড বিকল্প, ইনপুট ফিল্ডের নিষ্ক্রিয় অবস্থা। - Ink
#0a0a0a— মূল লেখা, শিরোনাম, বাটনের লেবেল, আইকনের রূপরেখা। - Ink Soft
#171717— ফিল সহ বাটনের ব্যাকগ্রাউন্ড ইমেজ, হালকা পৃষ্ঠে অতিরিক্ত টেক্সট। - Mid Gray
#737373— মূল টেক্সট, প্লেসহোল্ডার টেক্সট, সহায়ক লেবেল এবং স্থির অবস্থায় আইকন ফিল—সবই মিউট করা থাকে।
টাইপোগ্রাফি
১২ থেকে ৪৮ পিক্সেল · ৮টি ধাপ
- Geist — প্রতিস্থাপন: Inter · রূপরেখা 400, 500, 600 · সমস্ত ইন্টারফেস টেক্সট—বডি টেক্সটের লাইন ওয়েট ১৪ পিক্সেল/৪০০, হেডিংয়ের লাইন ওয়েট ২৪–৪৮ পিক্সেল/৬০০, এবং বাটনের লাইন ওয়েট ১৩–১৪ পিক্সেল/৫০০। গাইস্ট-এর জ্যামিতিক অক্ষরের গঠন এবং ইউনিফর্ম লাইন ওয়েট ডেভেলপার টুলস-এর জন্য একটি নিরপেক্ষ অনুভূতি তৈরি করে; ৬০০ লাইন ওয়েট, ৪৮ পিক্সেল লেটার স্পেসিং এবং -০.০৫em লেটার স্পেসিং স্পষ্ট ও আত্মবিশ্বাসী হেডিং নিশ্চিত করে, যা দেখে মনে হয় না যে এটি ভেবেচিন্তে তৈরি করা হয়েছে, সম্পাদনা করে বানানো হয়েছে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 18px |
| কার্ডের ব্যাসার্ধ | 24px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 48-80px |
| পৃষ্ঠার প্রস্থ | 1280px |
এআই আপনার ওয়েবসাইটটি Ui স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Ventriloc — উষ্ণ কাগজের উপর উপাত্তের এক সম্পাদকীয় পর্যবেক্ষণাগার — একটিমাত্র কমলা অঙ্গার যা একরঙা সূক্ষ্মতাকে উদ্ভাসিত করে।
- Geniestudio — একটি নরম দিনের আলোর নোটবুক—যেটার চওড়া কিনারা এবং কলমের একটি মোটা আঁচড় থাকে।
- xAI — কালো বড়ি সহ উষ্ণ ক্রিম ল্যাব
- Cal — একবর্ণী ব্যবহারিকতা, এক মানবিক দৃষ্টিভঙ্গি। এমন একটি ব্যবস্থা যা কঠোর সাদা-কালো রঙের বিন্যাসের মাধ্যমে স্বচ্ছতা ও কার্যকারিতাকে অগ্রাধিকার দেয়, কিন্তু বন্ধুত্বপূর্ণ টাইপোগ্রাফি ও গোলাকার আকৃতির দ্বারা একে কোমল করে তোলে।
- Scale — একটি উচ্চমানের জাদুঘর-মানের ফটো ল্যাব এবং একটি প্রযুক্তিগত প্রকল্পের সমন্বয়
- Contractbook — গাঢ় নীল আকাশের নিচে ক্রিম রঙের কাগজের চুক্তি
- AutoSend — একটি আরামদায়ক পাথরের স্টুডিও, যেখানে একটিমাত্র বেগুনি বাতি—এক শান্ত, প্রায় সাদা পরিসরে সেরিফ শিরোনাম আর উজ্জ্বল নীল রঙের আহ্বান সহাবস্থান করে।
- Air — ভাস্কর্য "কাঁচের মধ্য দিয়ে মধ্যরাতের আকাশ"
- SpatialChat — সাদা পার্চমেন্টে বেগুনি স্পন্দন
- Squarespace — সিনেমাটিক মনোক্রোম গ্যালারি
- Giga — হিমায়িত অবসিডিয়ানের উপর মধ্যরাতের দিগন্ত
- Supabase — মধ্যরাতে একটি কোড এডিটর, হাতে ফসফোরেসেন্ট সবুজ বিন্দু—কয়লার ধূলিকণার সাগরে একটিমাত্র বর্ণিল স্পন্দন।