
Superpower
বায়োলুমিনেসেন্ট স্বাস্থ্য ব্যবস্থাপনা কেন্দ্র
সুপারপাওয়ার একটি সিনেম্যাটিক, আবহপূর্ণ ইউজার ইন্টারফেসের মাধ্যমে গভীর ও সুনির্দিষ্ট প্রতিশ্রুতিকে মূর্ত করে তোলে: গাঢ়, পূর্ণ-প্রস্থের ছবিগুলো নির্বিঘ্নে ঝকঝকে সাদা কন্টেন্ট সারফেসে রূপান্তরিত হয়, এবং একই সাথে একটি উজ্জ্বল সূর্যোদয়ের কমলা রঙের অ্যাকসেন্ট পুরো সিস্টেম জুড়ে স্পন্দিত হতে থাকে। টাইপোগ্রাফিটি ব্র্যান্ডের প্রতিনিধিত্ব করে—এটি একটি সিগনেচার জ্যামিতিক স্যান্স-সেরিফ ফন্ট, যেখানে নেগেটিভ লেটার স্পেসিং ন্যূনতম রাখা হয়েছে। এর স্কেল মেটাডেটার জন্য ১১ পিক্সেল থেকে ডিসপ্লের জন্য ৬৬ পিক্সেল পর্যন্ত হয় এবং সাইজ বাড়ার সাথে সাথে লাইন স্পেসিং সংকুচিত হয় (ডিসপ্লের জন্য ১.০০, বডি কপির জন্য ১.৪০–১.৫০)। ছবিগুলোর উপরে একটি ভাসমান, গাঢ়, ক্যাপসুল-আকৃতির নেভিগেশন বার থাকে এবং ক্যাপসুল-আকৃতির কল টু অ্যাকশনগুলো সুনির্দিষ্ট নির্ভুলতা ও উষ্ণ, প্রাণবন্ত শক্তির মধ্যে একটি টানাপোড়েন তৈরি করে। সারফেসগুলো মূলত সমতল—সিস্টেমটি কোনো জোরালো এলিভেশনের পরিবর্তে প্রচুর সাদা জায়গা, সূক্ষ্ম জিঙ্ক ডিভাইডার এবং একটিমাত্র হালকা ছায়ার প্যাটার্নের উপর নির্ভর করে। রঙ খুব কম ব্যবহার করা হয়েছে: প্রায় সবকিছুই কালো, সাদা বা জিঙ্ক গ্রে রঙের, এবং কমলা রঙ শুধুমাত্র অ্যাকশন ও ব্র্যান্ডিং-এর ক্ষেত্রে কার্যকরী যতিচিহ্ন হিসেবে ব্যবহৃত হয়েছে।
মূল ছবিতে প্রাধান্য পেয়েছে একটি পূর্ণ-প্রস্থের সিনেম্যাটিক ফটোগ্রাফ—গভীর ফিরোজা-নীল আকাশের পটভূমিতে একজন মানুষের ছায়ামূর্তি; ছবিটি ইচ্ছাকৃতভাবে অন্ধকার ও বিষণ্ণ রাখা হয়েছে, যাতে স্বাস্থ্য-সম্পর্কিত প্রতিশ্রুতির সাথে একটি আবেগঘন গভীরতা ও বৈপরীত্য তৈরি হয়। দ্বিতীয় পর্যায়ের ছবিগুলো লাইফস্টাইল ফটোগ্রাফির পরিবর্তে সংকীর্ণ, পরিচ্ছন্ন এবং পণ্য-ধাঁচের শট (যেমন মার্বেল নকশার কমলা রঙের মেম্বারশিপ কার্ড, অ্যাপের স্ক্রিনশট)। এখানে কোনো ইলাস্ট্রেশন, থ্রিডি রেন্ডার বা অ্যাবস্ট্রাক্ট গ্রাফিক্স নেই—ফটোগ্রাফিক বৈপরীত্যই এর ভিজ্যুয়াল আইডেন্টিটি। মেম্বারশিপ কার্ডটি সানরাইজ টোনের একটি অর্গানিক মার্বেল প্যাটার্ন/লাভা ল্যাম্প দিয়ে সজ্জিত—এটিই একমাত্র আলংকারিক ভিজ্যুয়াল উপাদান। আইকনগুলো ৭.৫ পিক্সেল লাইন-রেডিয়াসের (নরম গোলাকার বর্গক্ষেত্র) এবং এতে কালো কার্বন রঙের সূক্ষ্ম আঁচড় রয়েছে।
প্যালেট
ব্র্যান্ড
- Sunrise Coral
#fc5f2b— কমলা রঙ আলংকারিক বিবরণের জন্য গৌণ অনুষঙ্গ হিসেবে এবং বিরল ইঙ্গিতগুলিকে তুলে ধরতে ব্যবহৃত হয়। কোনো কাজ করার আহ্বান জানানোর জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়। - Coral Glow
#ff8b64— মেম্বারশিপ কার্ডের আলংকারিক ডিজাইনের জন্য গ্রেডিয়েন্ট প্রান্তবিন্দুর সাথে সানরাইজ কোরাল রঙের সমন্বয়।
নিরপেক্ষ
- Carbon Black
#18181b— মূল লেখা, ভাসমান নেভিগেশন বারের ফিল, শিরোনাম, আইকনের আউটলাইন। - Pure Black
#000000— লোগো, টেক্সট সাইন, গভীর কনট্রাস্টযুক্ত ফ্রেম - Zinc Gray
#71717a— মূল পাঠ্য, অতিরিক্ত বিবরণ, গোপন মেটাডেটা, সহায়ক পাঠ্য। - Ash Gray
#a1a1aa— তৃতীয় স্তরের পাঠ্য, নিষ্ক্রিয় সীমানা, অক্ষম অবস্থা - Mist Gray
#e4e4e7— সূক্ষ্ম প্রান্তরেখা, কার্ডের রূপরেখা, বিভাজন রেখা, বোতামের ফ্রেম। - Fog Gray
#f4f4f5— সূক্ষ্ম পৃষ্ঠতলীয় অনিয়ম, অনুজ্জ্বল পটভূমি, একটি জালিকা ভিত্তির উপর স্থাপিত চিত্র।
টাইপোগ্রাফি
১১ থেকে ৬৬ পিক্সেল · ৮টি ধাপ
- NB International Pro — প্রতিস্থাপন: Inter Tight · রূপরেখা 400, 700 · ডিজাইন, শিরোনাম, মূল লেখা, ইউজার ইন্টারফেস এবং নেভিগেশন—সবকিছুই নিখুঁতভাবে সমন্বিত। এর স্বতন্ত্র সমাধান হলো অত্যন্ত সংকীর্ণ নেগেটিভ লেটার স্পেসিং, যা আকার অনুযায়ী পরিবর্তনযোগ্য (ছোট মূল লেখার জন্য -0.025em থেকে 66px পর্যন্ত)। এর সাথে রয়েছে এমন লাইন স্পেসিং যা আকার বাড়ার সাথে সাথে সংকুচিত হয়, যা শিরোনামগুলোকে একটি অখণ্ড, পোস্টারের মতো ঘনত্ব প্রদান করে এবং মেডিকেল টেকনোলজি ক্ষেত্রে সুপারপাওয়ারকে এর হালকা প্রতিযোগীদের থেকে স্বতন্ত্র করে তোলে।
- NB International Mono Pro — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400 · যেসব ক্ষেত্রে ক্লিনিক্যাল বা যন্ত্রভিত্তিক পদ্ধতির প্রয়োজন হয়, সেখানে সারণিবদ্ধ মেটাডেটা, মাইক্রোটেক্সট টীকা এবং প্রযুক্তিগত লেবেল খুব কম ব্যবহার করা হয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 11px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 15px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 75px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Superpower স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Visitors — সাদা প্রকৌশল অঙ্কন
- Dock — সানলিট ক্রিম পেপার, কোবাল্ট পালস
- Flying Papers — শনিবার সকালের কার্টুনে স্বীকারোক্তি
- Quizlet — সাদা পটভূমির বিপরীতে শ্রেণীকক্ষটি নানা রঙে সজ্জিত — একটি শান্ত ডেস্ক, যার পিছনে চারটি প্যাস্টেল রঙের কার্ড শীতল ধূসর দেয়ালের পটভূমিতে একমাত্র উজ্জ্বল অনুষঙ্গ, আর সাথে রয়েছে নীল মার্কার দিয়ে আঁকা একটিমাত্র দাগ।
- ON.energy — মিডনাইট স্টিলে হলুদ উচ্চ ভোল্টেজ সতর্কীকরণ চিহ্ন
- Navigate — একটি বোর্ডে লাগানো স্টিকারের একটি বড় সেট: বড়, অদ্ভুত আকারের ফন্ট, সবগুলোই ট্যাবলেটের আকারে এবং পাঁচটি বহুরঙা আইকন, যা একটি লোগোর মতো পুনরাবৃত্ত হয়েছে।
- Linear — মধ্যরাতের নির্ভুল যন্ত্র
- Pop Site — একটি সুস্পষ্ট টাইপোগ্রাফিক গ্যালারি – সাদা দেয়ালে ভাসমান বিশাল কালো শিরোনাম, আর অভিপ্রায় প্রকাশকারী একটিমাত্র নীল বিন্দু।
- Hyperstudio — নকশাটি অবসিডিয়ান পাথরে খোদাই করা। লেখা ও সূক্ষ্ম রেখাগুলো নিখাদ কালো রঙের একটি সাদা স্থানকে ঘিরে রেখেছে, এবং মাঝে মাঝে সোনালি কম্পাসের চিহ্ন পথ নির্দেশ করছে।
- Pa'lais — একটি উদ্ভিদবিদ্যার স্কেচবুক, যেন মধুতে ভেজানো। ক্রিম রঙের কাগজ, নীল টোয়েল ডি জুয়ি রেখাচিত্র এবং উষ্ণ রঙের ছোঁয়া একটি হাতে তৈরি রান্নার বইয়ের কথা মনে করিয়ে দেয়, অন্যদিকে গাঢ় ও সংক্ষিপ্ত ফন্ট এবং প্রচুর সাদা জায়গা এটিকে একটি আধুনিক, সম্পাদকীয় আবহ দিয়েছে।
- Raus — ক্রিম রঙের কাগজে লেখা একটি আরামদায়ক ডায়েরি—এর প্রতিটি পাতা যেন বন থেকে পাঠানো একটি পোস্টকার্ড।
- Privy — মার্বেলের ওপর কালিতে আঁকা একটি সম্পাদকীয়। সাদা মার্বেলের ক্যানভাস, ঘন সন্নিবিষ্ট কালো সেরিফ ফন্টের শিরোনাম, আর ওপরে আড়াআড়িভাবে বিস্তৃত একটি বেগুনি ব্যানার—কর্তৃত্বেরই প্রতিচ্ছবি।