
Letters
খোলা আকাশের নিচে একটি ক্লিনিকে সকালের সাক্ষাৎ—হালকা নীল ছাদের নিচে একটি জীবাণুমুক্ত সাদা টেবিল, চারপাশে ছড়িয়ে-ছিটিয়ে আছে অস্ত্রোপচারের নীল যন্ত্রপাতি।
লেটার্স হলো একটি মেডিকেল চিঠি লেখার টুল, যা একটি গ্রেডিয়েন্ট ওপেন-স্কাই হেডার দিয়ে শুরু হয়—একটি নরম, বায়ুমণ্ডলীয় নীল স্ট্রাইপ যা একটি শান্ত, ক্লিনিকাল পরিবেশ তৈরি করে—এবং এরপর একটি পরিষ্কার সাদা ওয়ার্কস্পেসে রূপান্তরিত হয়। সিস্টেমটি একটি মনোক্রোম শৈলীতে ডিজাইন করা হয়েছে: একটি পরিষ্কার সাদা ক্যানভাস, প্রায়-কালো টেক্সট (#070709), গাঢ় পিল-আকৃতির কল টু অ্যাকশন, এবং গোলাকার কার্ড যা সূক্ষ্মতম ছায়ার উপর ভাসছে। একটিমাত্র উজ্জ্বল নীল (#2597d0) রঙ কার্যকরী বিরামচিহ্নের জন্য সংরক্ষিত—আইকন, মাইক্রোগ্রাফিক্স, ওয়েভফর্ম প্লেয়ার—যা কখনও বাটন বা বড় ফিলের জন্য ব্যবহৃত হয় না। এর টাইপোগ্রাফিতে ওপেন রুন্ডে ব্যবহৃত হয়েছে, যা একটি জ্যামিতিক হিউম্যানিস্ট স্যান্স-সেরিফ ফন্ট এবং বড় স্ক্রিনের আকারে এতে অ্যাগ্রেসিভ নেগেটিভ লেটার স্পেসিং (-0.04em, 80px-এ) থাকে, যা হেডারগুলোকে আত্মবিশ্বাসী ব্লকে সংকুচিত করে। এর উপাদানগুলো একটি মেডিকেল যন্ত্রের মতো হালকা মনে হয়: পাতলা বেজেল, কার্ডের মধ্যে পর্যাপ্ত ব্যবধান, পিল-আকৃতির বাটন, এবং এলিভেশনের বিচক্ষণ ব্যবহার যা আকাশ-আকৃতির হেডারটিকে আবেগ প্রকাশের কাজটি করতে দেয়।
পৃষ্ঠার পুরো প্রস্থ জুড়ে একটি আকাশী-নীল গ্রেডিয়েন্ট হোমপেজ রয়েছে, যার কেন্দ্রে একটি শিরোনাম ও উপ-পাঠ্য এবং নিচে একটি কল-টু-অ্যাকশন বাটন আছে। এটি মসৃণভাবে একটি সাদা কন্টেন্ট এরিয়ায় রূপান্তরিত হয়, যেখানে বিভিন্ন সেকশনের মধ্যে যথেষ্ট ফাঁকা জায়গা (৮০-১২০ পিক্সেল) রাখা হয়েছে। ফিচার সেকশনগুলোতে সমানুপাতিক বড় ও গোলাকার কার্ডের (১৮-৩২ পিক্সেল ব্যাসার্ধ) একটি দুই-কলামের গ্রিড ব্যবহার করা হয়েছে। সেকশনের শিরোনামগুলো কার্ড গ্রিডের উপরে একটি একক কলামে, সর্বদা কেন্দ্রে থাকে। নেভিগেশনের জন্য একটি স্থির সাদা টপ বার রয়েছে, যার কেন্দ্রে কয়েকটি লিঙ্কের গুচ্ছ এবং ডানদিকে লগইন অ্যাকশনগুলো সাজানো আছে। সামগ্রিক ছন্দটি হলো একটি একক, আবহপূর্ণ প্রধান স্ট্রাইপ, তারপর সামঞ্জস্যপূর্ণ উল্লম্ব ফাঁকা জায়গা রেখে পর্যায়ক্রমে সাদা এবং আকাশী-নীল সেকশনগুলো সাজানো। এখানে কোনো সাইডবার, মেগা-মেনু বা অপ্রতিসম লেআউট নেই—পৃষ্ঠাটিকে একটি শান্ত, প্রতিসম স্তম্ভের মতো মনে হয়।
ভিজ্যুয়াল ডিজাইনটি প্রায় সম্পূর্ণভাবে প্রোডাক্টটির ইউজার ইন্টারফেসকে কেন্দ্র করে তৈরি—এতে কোনো লাইফস্টাইল ফটো বা অ্যাবস্ট্রাক্ট থ্রিডি রেন্ডার নেই। ভিজ্যুয়াল ল্যাঙ্গুয়েজটি প্রোডাক্ট কার্ডকে ঘিরে নির্মিত, যা অ্যাপটির নেটিভ ইন্টারফেস প্রদর্শন করে: ডকুমেন্টের "আগে" এবং "পরে" তুলনা, ডটেড বর্ডারসহ একটি লোডিং এরিয়া এবং ওয়েভফর্মের আকারে একটি অডিও প্লেয়ার। একমাত্র আবহ সৃষ্টিকারী ভিজ্যুয়াল উপাদান হলো মূল ছবিতে থাকা স্কাই গ্রেডিয়েন্ট। আইকনগুলো হলো ফ্ল্যাট, একরঙা #2597d0 লাইন আইকন (খাম, মাইক্রোফোন, চেকমার্ক) যেগুলোর লাইনের পুরুত্ব সমান এবং কোনো ফিলড ভ্যারিয়েশন নেই। ইলাস্ট্রেশন স্টাইলটি সংযত: প্রোডাক্ট মকআপগুলো একটি সাদা ব্যাকগ্রাউন্ডে দেখানো হয়েছে, গভীরতা তৈরির জন্য সামান্য ঘোরানো হয়েছে, কিন্তু কখনোই তীব্রভাবে কাত করা হয়নি। একটি হাতে লেখা ফন্ট (দ্য ডক্টর) হলো একমাত্র অর্গানিক/হস্তনির্মিত উপাদান, যা শুধুমাত্র "আগে" কার্ডের ক্লিনিক্যাল হস্তাক্ষর ফুটিয়ে তোলার জন্য ব্যবহৃত হয়েছে।
প্যালেট
ব্র্যান্ড
- Surgical Blue
#2597d0— আইকনগুলো—একটি মাইক্রোফোন আইকন, একটি সাউন্ড ওয়েভ প্লেয়ার এবং ছোট ছোট কার্যকরী অনুষঙ্গ—পুরো ইন্টারফেস জুড়ে একটি একক বর্ণিল আবহ তৈরি করে।
নিরপেক্ষ
- Obsidian
#070709— মূল লেখা, ফিল করা কল-টু-অ্যাকশন বাটন এবং ডার্ক ইউআই এলিমেন্টগুলোতে—সাদা ব্যাকগ্রাউন্ডের বিপরীতে কনট্রাস্ট নরম করার জন্য খাঁটি #000-এর পরিবর্তে প্রায়-কালো রঙ বেছে নেওয়া হয়েছে। - Paper White
#ffffff— পৃষ্ঠার পটভূমি, কার্ডের পৃষ্ঠতল এবং বোতামের লেখা হলো প্রধান উপাদানের নিচের সমস্ত বিভাগের মূল ক্যানভাস। - Cloud Gray
#f5f5f5— অতিরিক্ত কার্ড পৃষ্ঠতল এবং সেকশন ব্যাকগ্রাউন্ডগুলো কার্যকরী ব্লকগুলোকে মূল ক্যানভাস থেকে পৃথক করে। - Sky Tint
#d7e6f5— কার্ডবোর্ডের ফ্রেমের রঙ এবং পৃষ্ঠতলের প্রায় অদৃশ্য নীল আভা ধূসরতার পরিবর্তে একটি বিশেষ আবহ তৈরি করে। - Charcoal
#60606c— মূল লেখা, দ্বিতীয় লেখা এবং অনুজ্জ্বল বর্ডার — শিরোনাম-বহির্ভূত বিষয়বস্তুর জন্য একটি প্রধান নিরপেক্ষ রঙ। - Slate
#8b8b8b— গৌণ পাঠ্য এবং নিষ্ক্রিয় সীমান্ত অবস্থা - অবস্থান নির্দেশ করতে এবং প্রতিবন্ধী ব্যক্তিদের জন্য প্রবেশগম্যতা নিশ্চিত করতে ব্যবহৃত হয়।
টাইপোগ্রাফি
১২ থেকে ৮০ পিক্সেল · ৮টি ধাপ
- sans-serif — প্রতিস্থাপন: Inter · রূপরেখা 400, 700 · স্যানস-সেরিফ - নিষ্কাশিত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।
- Open Runde — প্রতিস্থাপন: Inter Tight · রূপরেখা 400, 500, 600, 700, 900 · শিরোনাম এবং নেভিগেশনের জন্য প্রধান ফন্টটি হলো একটি জ্যামিতিক হিউম্যানিস্ট ফন্ট, যার বড় আকারে অক্ষরগুলোর মধ্যে ব্যবধান কম থাকে; ৮০ পিক্সেলে -০.০৪em রেজোলিউশন শিরোনামটিকে একটি একক, সুস্পষ্ট ব্লকে সংকুচিত করে। সমস্ত শিরোনাম, নেভিগেশন এবং বড় লেখার জন্য এটি ব্যবহার করুন।
- Inter — প্রতিস্থাপন: system-ui · রূপরেখা 400, 500 · সেকেন্ডারি বডি এবং ইউআই টেক্সট – ছোট শিরোনাম, নেভিগেশন এলিমেন্ট এবং ইনলাইন লিঙ্কের জন্য ব্যবহৃত হয়, যেখানে আরও নিরপেক্ষ পাঠের ছন্দ কাম্য। শ্রেণিবদ্ধ বৈসাদৃশ্য তৈরি করতে ওপেন রুন্ডের সাথে যুক্ত হয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 12-16px |
| বোতামের ব্যাসার্ধ | 100px |
| কার্ডের ব্যাসার্ধ | 18px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 80-120px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Letters স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Integrated Biosciences — মধ্যরাতে বায়োলুমিনেসেন্স ল্যাব
- Mintlify — কাঁচের টেবিলের উপরে মেঘের বাগান। হাতে আঁকা আকাশ আর তথ্যচিত্র একসাথে ফ্রেমে বাঁধা—একমাত্র এই জায়গাতেই রঙ আর ধারণার সংঘাত ঘটে, পাতাটি সন্ন্যাসীসুলভ শুভ্রতায় মিলিয়ে যাওয়ার আগে।
- Gleap — উষ্ণ ক্রিম রঙে সজ্জিত এবং গ্রাফাইটের ছোঁয়ায় রাঙানো একটি কর্মক্ষেত্র—এমন একটি স্টুডিও, যেখানে লিনেনের স্থাপত্যের উপরে ম্যাট কালো কালির বিন্দুগুলো যেন ভেসে বেড়ায়।
- Render — ডিজাইনটি ব্রাশড অ্যালুমিনিয়ামের উপর করা হয়েছে। ইন্টারফেসটি একটি পরিচ্ছন্ন, জ্যামিতিক ইঞ্জিনিয়ারিং ডকুমেন্টের মতো মনে হয়—সাদা জায়গা, পাতলা রেখা এবং একটিমাত্র বেগুনি রেখা যা কাজের দিকে মনোযোগ আকর্ষণ করে।
- Grafbase — ঠান্ডা মার্বেলের উপর প্রকৌশল অঙ্কন
- Slash — সোনালি খাতা সহ মধ্যরাতের ভল্ট
- Modal — একটি অন্ধকার সার্ভার রুমে থাকা ফসফোরেসেন্ট টার্মিনাল — যার একমাত্র আলোর উৎস হলো উজ্জ্বল সবুজ রঙ।
- Whimsical — ল্যাভেন্ডার পটভূমিতে গাঢ় প্লাম রঙের কালি—একটি সৃজনশীল স্টুডিও নোটবুক যা টেকনিক্যাল হোয়াইটবোর্ড হিসেবেও কাজ করে।
- AgentQL — রাতে টার্মিনালের উপর উত্তর আলো
- Alveos One — নদীর পাথরে তৈরি এক আরামদায়ক আশ্রয় – একটি শান্ত, মৃদু আলোয় আলোকিত ধ্যানকক্ষ, যেখানে নরম অ্যাম্বার আভায় একটিমাত্র গ্রাফাইটের বস্তু স্থির হয়ে আছে।
- GitHub — জৈব-আলোকীয় নিয়ন্ত্রণ বিন্দুসহ একটি মহাকাশ কমান্ড প্যানেল—একটি অন্ধকার, রহস্যময় কর্মক্ষেত্র যেখানে একটিমাত্র সবুজ আভা সামনের পথ নির্দেশ করে।
- Buddy — গ্রাফ পেপারের উপর আঁকা একটি ইঞ্জিনিয়ারিং ড্রয়িং। সাদা অঙ্কন পৃষ্ঠটিতে প্রায়-কালো কালিতে একটি প্রায় অদৃশ্য গ্রিড আঁকা আছে, যার সাথে রয়েছে উজ্জ্বল লেবু-সবুজ রঙের চিহ্ন এবং রামধনু-রঙা গ্রেডিয়েন্ট স্ট্রোক।