
Huly
মিডনাইট অবজারভেটরিতে নর্দার্ন লাইটস – এর মূল আকর্ষণ হলো বেগুনি রঙের একটি উল্লম্ব রশ্মি যা প্রবাল রঙে মিলিয়ে যায়, এবং এর নীচের প্রতিটি শান্ত অংশও একই দ্বি-বর্ণের গল্পকে আরও সংযত সুরে উপস্থাপন করে।
হুলি একটি মহাজাগতিক কর্মক্ষেত্রের আবহ ফুটিয়ে তোলে: একটি প্রায়-কালো ক্যানভাস, যার মূল উপাদানকে ভেদ করে একটিমাত্র বেগুনি-বাদামী আভা ছড়িয়ে পড়ে, এবং এর নিচে, বর্ধিত উৎপাদনশীলতার জন্য একটি অপেক্ষাকৃত শান্ত গ্রিড। সিস্টেমটি একটি সীমিত রঙের পরিসরের মধ্যে কাজ করে—স্তরযুক্ত গ্রাফাইট পৃষ্ঠের উপর একটি উজ্জ্বল নীল এবং একটি কোরাল রঙই ব্র্যান্ডিংয়ের সমস্ত কাজ করে, তাই ডার্ক মোডকে কখনোই সাদামাটা মনে হয় না। সমস্ত কার্যকরী উপাদানের জন্য টাইপোগ্রাফি হলো ইন্টার-স্টাইল, এবং গুরুত্বপূর্ণ পয়েন্টগুলোর জন্য একটি কাস্টম ফন্ট (এসবিল্ড) সংরক্ষিত থাকে, যার পিচ ৮০-৮৪ পিক্সেল এবং লেটার স্পেসিং বেশ জোরালো। কম্পোনেন্টগুলো ক্যাপসুল-আকৃতির: কন্ট্রোলগুলোতে ৯৯৯৯ পিক্সেল ব্যাসার্ধ, কার্ডগুলোতে ১২ পিক্সেল, ন্যূনতম শ্যাডো এবং মূল সজ্জা হিসেবে উজ্জ্বল গ্রেডিয়েন্ট লাইন। পৃষ্ঠাটি পর্যায়ক্রমে সম্পূর্ণ অন্ধকার অংশ এবং শান্ত হালকা অংশের মধ্যে পরিবর্তিত হয়, তাই যেকোনো নতুন স্ক্রিনের ক্ষেত্রে রঙ বেছে নেওয়ার আগে মোডটি ঠিক করে নেওয়া উচিত।
সম্পূর্ণ প্রস্থের হোমপেজটিতে নর্দার্ন লাইটসের একটি উল্লম্ব রশ্মি এবং বাম-সারিবদ্ধ একটি শিরোনাম রয়েছে, সাথে নিচের ডানদিকে একটি পণ্যের স্ক্রিনশটও আছে। হোমপেজের নিচে সর্বোচ্চ ১২০০ পিক্সেল প্রস্থের একটি কন্টেন্ট এরিয়া রয়েছে, যেখানে পর্যায়ক্রমে গাঢ় ও হালকা রঙের স্ট্রাইপ ব্যবহার করা হয়েছে। প্রতিটি সেকশন একটি একক উল্লম্ব ব্লক: একটি হেডার এবং ৯৬ পিক্সেলের ব্যবধানে বিভক্ত ৩ বা ৪-কলামের কার্ডের গ্রিড। "মেটাব্রেইন" সেকশনটি মাঝখানে অবস্থিত একটি শিরোনাম এবং বিভিন্ন আকারের কার্ডের মোজাইক (একটি বড় মূল কার্ড এবং ছোট সহায়ক কার্ড) দিয়ে গ্রিডটিকে ভেঙে দেয়। SaaS স্ট্যান্ডার্ড অনুসরণ করে পেজটি কন্টেন্ট-বহুল, কিন্তু প্রতিটি সেকশনকে স্বাচ্ছন্দ্য দেওয়ার জন্য পর্যায়ক্রমিক গাঢ় ও হালকা স্ট্রাইপ ব্যবহার করা হয়েছে। নেভিগেশনটি একটি একক স্বচ্ছ টপ বার, যা স্ক্রল করার সাথে সাথে ধীরে ধীরে অস্বচ্ছ হয়ে যায়।
মূল উপাদানটি হলো একটি বিশুদ্ধ অরোরা গ্রেডিয়েন্ট, যা কোনো ফটোগ্রাফ থেকে মুক্ত। সমস্ত ইলাস্ট্রেশন হলো প্রোডাক্টটির UI (ডার্ক মোডে কানবান, ইনবক্স, ক্যালেন্ডার)-এর আসল স্ক্রিনশট, যা কার্ড ফ্রেমে আবদ্ধ করা হয়েছে এবং যা প্রমাণ ও সজ্জা উভয় হিসেবেই কাজ করে। কোনো লাইফস্টাইল ফটো, স্টক ইমেজ বা থ্রিডি রেন্ডার ব্যবহার করা হয়নি। UI-এর সাথে সম্পর্কিত নয় এমন একমাত্র ভিজ্যুয়াল উপাদানটি হলো অরোরার গোড়ায় থাকা একটি উষ্ণ, বৃত্তাকার সূর্যরশ্মির আভা, যা একটি CSS গ্রেডিয়েন্ট হিসেবে রেন্ডার করা হয়েছে। আইকনগুলো #95979 বা সাদা রঙের একরঙা লাইন আইকন, কখনোই বহুরঙা নয়। সিস্টেমটি তার নিজস্ব ডার্ক UI-কেই মূল উপাদান হিসেবে গণ্য করে—প্রোডাক্টটি হলো এই ফটোগ্রাফগুলো।
প্যালেট
ব্র্যান্ড
- Electric Iris
#5683da— মূল পটভূমি, সক্রিয় নেভিগেশন সূচক, এবং নজরকাড়া নর্দার্ন লাইটস অ্যাকসেন্ট—ঘন কালো পটভূমিতে এক প্রাণবন্ত বেগুনি-নীল রঙ—কর্পোরেট কার্যকলাপের পরিবর্তে সম্পৃক্ততার একটি ধারণা তৈরি করে। - Ember Pulse
#ff8964— একটি গৌণ বৈশিষ্ট্য, উত্তর মেরুর আলোর মতো এক উষ্ণ আভা, একটি লক্ষণীয় বিন্দু, এবং চিত্রের একটি বিশেষ আকর্ষণ—একটি অ্যাম্বার আভা যা নীলের গাম্ভীর্য ভেঙে রশ্মিটিতে উষ্ণতা যোগ করে।
নিরপেক্ষ
- Obsidian Canvas
#303236— পৃষ্ঠার পটভূমি, যা মূল পৃষ্ঠতল, তা সামান্য উষ্ণতার আভা সহ প্রায় কালো রঙের; যা সমস্ত বিষয়বস্তুর জন্য একটি আদর্শ পরিবেশ। - Void
#090a0c— মূল স্ক্রিন, মোডাল ব্যাকগ্রাউন্ড এবং ফ্রেমের গ্রেডিয়েন্টের জন্য সবচেয়ে গভীর পৃষ্ঠ স্তর, যা ক্যানভাসের সাথে মিশে যাওয়া উচিত। - Charcoal Card
#111111— কার্ডবোর্ড ও প্যানেল দিয়ে তৈরি উঁচু পৃষ্ঠতল, যা ক্যানভাসের এক ধাপ উপরে স্থাপন করা হয়েছে। - Slate Edge
#4a4b50— গাঢ় পৃষ্ঠতলে সূক্ষ্ম সীমানা এবং বিভাজক - Iron Veil
#6b6c6d— ট্যাগ, তালিকার আইটেম ফিল এবং নিষ্ক্রিয় ফিল-এর জন্য ব্যাকগ্রাউন্ড অনুজ্জ্বল। - Smoke
#95979e— আইকনের রূপরেখা, অতিরিক্ত লেখা এবং নিষ্ক্রিয় কন্ট্রোলগুলো হলো মাঝারি ধূসর রঙের প্রধান কার্যকরী উপাদান।
টাইপোগ্রাফি
১১ থেকে ৮০ পিক্সেল · ৮টি ধাপ
- Inter — প্রতিস্থাপন: DM Sans · রূপরেখা 300, 400, 500, 600, 700 · ইউজার ইন্টারফেসের সমস্ত কার্যকরী টেক্সট—যেমন মূল টেক্সট, নেভিগেশন, বাটন, তালিকার আইটেম, লেবেল এবং ছোট শিরোনাম—এক্ষেত্রে জোর দেওয়ার জন্য ৫০০-৬০০ ফন্ট ওয়েট, মূল টেক্সটের জন্য ৪০০ এবং অনাকর্ষণীয় মেটাডেটার জন্য মিতব্যয়ীভাবে ৩০০ ফন্ট ওয়েট ব্যবহার করা হয়।
- Esbuild — প্রতিস্থাপন: Sora · রূপরেখা 400, 500, 600 · শুধুমাত্র প্রদর্শনের জন্য: স্প্ল্যাশ টাইটেল, সেকশন হেডিং এবং মেটাব্রেইন আর্টিকেলের টাইটেল। এর সংকুচিত জ্যামিতি এবং অক্ষরের মধ্যে কম ব্যবধান এমন ধারণা দেয় যে, ৮৪ পিক্সেল SaaS প্রোজেক্টের চেয়ে সম্পাদকীয় কাজের জন্য বেশি উপযুক্ত। কখনোই ২৮ পিক্সেলের নিচে ব্যবহার করবেন না।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 12px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 12px |
| ছায়া | নরম ছায়া |
| বিভাগগুলির মধ্যে | 96px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Huly স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- monday — প্যাস্টেল স্টিকার সহ সাদা ওয়ার্কশপ
- Slack — মঞ্চটি বেগুনী রঙের এবং তাতে সাদা স্পটলাইট জ্বলছে। অন্ধকার অংশগুলোতে গাঢ় প্লাম রঙের প্রাধান্য রয়েছে, অন্যদিকে অফ-হোয়াইট ক্যানভাসটি বড় বড়, অ্যাভান্ট-গার্ড শিরোনামগুলোকে অবাধে শ্বাস নেওয়ার সুযোগ করে দিয়েছে।
- Base44 — চুন মার্কার সহ রোদে আলোকিত নোটবুক
- Supahub — বেগুনি শৈলশিরার ওপর নরম দিনের আলো। একটি উজ্জ্বল বেগুনি সূর্যের আলোয় আলোকিত প্রধানত সাদা, হালকা ক্যানভাস, যেখানে আলংকারিক গ্রেডিয়েন্ট গোলকগুলো শূন্যস্থানে রঙ ছড়িয়ে দিচ্ছে এবং উদার গোলাকার জ্যামিতি প্রতিটি পৃষ্ঠকে একটি মনোরম, বাস্তব ভার প্রদান করছে।
- Raycast — মিডনাইট কমান্ড সেন্টার, কোরাল নিয়ন
- Dimension — ফ্রস্টেড গ্লাস প্যানেল সহ একটি গোধূলি-আলোকিত ওয়ার্কস্টেশন
- Wiza — গোধূলি বেলায় ল্যাভেন্ডার কুয়াশায় ঢাকা একটি খনিজ অনুসন্ধান পর্যবেক্ষণ কেন্দ্র।
- Paste — সাদা মার্বেলের উপর একটি অ্যাম্বার লণ্ঠন—ব্র্যান্ডটির উষ্ণ গ্রেডিয়েন্ট লোগোটি বিশাল সাদা শূন্যতায় ভাসছে, যেন তুষারাবৃত কোনো দালানের একমাত্র আলোকিত জানালা।
- Reworkd — প্রোডাক্ট ডায়াগ্রামের নরম দিনের আলোই একমাত্র রঙ যা নিজের কথা নিজেই বলে, আর তা হলো অ্যাকশন বাটন এবং তার উপরের গ্রেডিয়েন্ট হেডলাইনটি।
- Reflect Notes — তারকাখচিত বেগুনি মহাকাশ হলো এক অন্ধকার মানমন্দির, যেখানে প্রায় কালো নীল শূন্যতার পটভূমিতে সুর ভেসে বেড়ায় নক্ষত্রপুঞ্জের মতো।
- Ameba — মধ্যরাতে কন্ট্রোল রুম – হিমায়িত কাচের প্যানেলের ভেতরে এক বৈদ্যুতিক নীল স্পন্দন।
- Todoist — কাগজের ডায়েরি সহ একটি রোদ ঝলমলে কর্মক্ষেত্র – উষ্ণ ক্রিম রঙের ডেস্ক, কালির নোট, একটি লাল কলম।