
Superlist
প্রবাল অঙ্গারের আলোয় এক রাত্রিকালীন কর্মক্ষেত্র—একটি শান্ত বেগুনী রঙের অ্যাপ ব্যবহারের জায়গা, যেখানে একটিমাত্র উষ্ণ কমলা স্ফুলিঙ্গ প্রতিটি কাজের সংকেত দেয়।
সুপারলিস্ট গভীর বেগুনি আভায় উৎপাদনশীলতার ভাষা ব্যবহার করে: গাঢ় বেগুনী, একমাত্র প্রাথমিক রঙ হিসেবে উষ্ণ কোরাল, এবং বড় স্যানস-সেরিফ শিরোনাম যা পুরো পরিবেশকে ধারণ করে। ইন্টারফেসটি গভীর রাতে মনোযোগ দিয়ে কাজ করার অনুভূতি জাগিয়ে তোলে—শান্ত, স্তরযুক্ত এবং আত্মবিশ্বাসী, যেখানে রঙ শুধুমাত্র কল টু অ্যাকশন, সক্রিয় অবস্থা এবং মূল পয়েন্টগুলিতে কার্যকরী যতিচিহ্ন হিসেবে ব্যবহৃত হয়। পৃষ্ঠতলগুলি বেগুনি আভা সহ সূক্ষ্ম গাঢ় টোনে (#181824 → #26253b) স্তরিত, এবং গভীরতাকে নিষ্প্রাণ না করে উষ্ণ অনুভূতি দেওয়ার জন্য খাঁটি কালো রঙ এড়িয়ে যাওয়া হয়েছে। উপাদানগুলিতে রয়েছে প্রশস্ত গোলাকার আকৃতি (২০ পিক্সেল কার্ড, পিল বাটন), নরম ছায়া, এবং আঁটসাঁট গ্রিডের পরিবর্তে আরামদায়ক ১০-১৬ পিক্সেলের ফাঁকের মাধ্যমে "শ্বাস" নেওয়ার সুযোগ। শিরোনামের ভাষাই সবকিছু: ৭০০-৮৮ পিক্সেলের মধ্যে ৬০০ পয়েন্ট ওজন এবং -০.০২em-এর আঁটসাঁট লেটার স্পেসিং টেক্সটটিকে UI-এর পরিবর্তে টাইপোগ্রাফিক হিসেবে উপস্থাপন করে—এটি SaaS-এর চেয়ে সম্পাদকীয় লেখার বেশি কাছাকাছি।
পৃষ্ঠার সম্পূর্ণ প্রস্থ জুড়ে গাঢ় রঙের সেকশন রয়েছে, যেখানে মাঝখানে সর্বোচ্চ প্রস্থের কন্টেন্ট কন্টেইনারগুলো বসানো আছে। মূল সেকশনটি উল্লম্বভাবে মাঝখানে অবস্থিত এবং এতে একটি শিরোনাম, উপ-পাঠ্য এবং কল টু অ্যাকশন (CTA) রয়েছে। এর পরে একটি বড় প্রোডাক্ট স্ক্রিনশট রয়েছে যা পরবর্তী সেকশনের উপর ওভারল্যাপ করে থাকে। পরবর্তী সেকশনগুলোতে পর্যায়ক্রমে মাঝখানে থাকা টেক্সট ব্লক এবং কার্ড গ্রিড ব্যবহার করা হয়েছে। রিভিউ সেকশনে রিভিউ কার্ড এবং ১৬টি গাটারসহ একটি তিন-কলামের গ্রিড ব্যবহার করা হয়েছে। নেভিগেশনের জন্য একটিমাত্র টপ বার রয়েছে, যার বাম দিকে লোগো, মাঝখানে থাকা লিঙ্ক এবং ডান দিকে লগইন করার অপশন আছে—কোনো নির্দিষ্ট সাইডবার বা মেগা-মেনু নেই। সেকশনগুলোর মাঝের গাটারগুলো যথেষ্ট প্রশস্ত (১৬টি গাটার), যা একটি ঘন প্রোডাক্ট গ্রিডের পরিবর্তে একটি প্রশস্ত, সম্পাদকীয় ছন্দ তৈরি করে।
ভিজ্যুয়াল স্পেসে পণ্যের স্ক্রিনশটগুলোরই প্রাধান্য—গোলাকার কোণাযুক্ত একটি বড় ফ্রেম, যা অ্যাপের আসল ইন্টারফেসটি প্রদর্শন করে, মূল এবং দ্বিতীয় বিভাগগুলো জুড়ে রয়েছে। ছবির ব্যবহার খুবই কম, এগুলো শুধু ব্যবহারকারীর অ্যাভাটার বা অ্যাপের ভেতরের মিডিয়ার প্রিভিউ হিসেবে ব্যবহৃত হয়েছে (উদাহরণস্বরূপ, প্রোডাক্ট মকআপের ডানদিকের প্যানেলে থাকা কনসার্টের ছবিটি)। ট্রাস্ট বারের লোগোগুলো হলো সাদামাটা, অনুজ্জ্বল সাদা রঙের টেক্সট সিম্বল। এখানে কোনো আলংকারিক ইলাস্ট্রেশন, অ্যাবস্ট্রাক্ট গ্রাফিক্স বা থ্রিডি রেন্ডার নেই। ভিজ্যুয়াল কৌশলটি হলো পণ্যটিকে বড় আকারে প্রদর্শন করা, টাইপোগ্রাফিকে আবেগ প্রকাশের কাজটি করতে দেওয়া এবং একমাত্র অ্যাকসেন্ট কালার হিসেবে কোরাল রঙ ব্যবহার করা।
প্যালেট
ব্র্যান্ড
- Coral Ember
#ff4a36— কমলা রঙ আলংকারিক বিবরণের জন্য গৌণ অনুষঙ্গ হিসেবে এবং বিরল ইঙ্গিতগুলিকে তুলে ধরতে ব্যবহৃত হয়। কোনো কাজ করার আহ্বান জানানোর জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।
নিরপেক্ষ
- Aubergine Canvas
#181824— পৃষ্ঠার পটভূমি বা মূল ক্যানভাসটি খাঁটি কালোর পরিবর্তে একটি উষ্ণ ও গাঢ় রঙের, যা ইউজার ইন্টারফেসটিকে সমতল না দেখিয়ে স্তরযুক্ত করে তোলে। - Elevated Plum
#26253b— কার্ড সারফেস, ইনপুট ফিল্ড, নেভিগেশন কন্টেইনার—ক্যানভাসের চেয়ে এক ধাপ সহজে কোনো দৃশ্যমান সীমানা ছাড়াই গভীরতা তৈরি করুন। - Pure White
#ffffff— মূল শিরোনাম, বাটনের লেখা এবং আইকনের রূপরেখা—গাঢ় ক্যানভাসে সর্বোচ্চ কনট্রাস্ট। - Fog Text
#696f81— বেগুনী রঙের পটভূমিতে আরামদায়ক পাঠের জন্য মূল লেখা, পার্শ্ব শিরোনাম এবং অনুজ্জ্বল বর্ডারগুলোতে ৭:১ কনট্রাস্ট রেশিও ব্যবহার করা হয়েছে। - Ash Text
#8e8da0— সেকেন্ডারি UI এলিমেন্ট, ডিভাইডার এবং মিউটেড লেবেলের জন্য নিউট্রাল কালার সাপোর্ট করা হয়। কল টু অ্যাকশনের জন্য এটিকে প্রাইমারি কালার হিসেবে ব্যবহার করা উচিত নয়। - Mist Highlight
#a3a3a7— সূক্ষ্ম বর্ডার, ডিভাইডার এবং নিষ্ক্রিয় নেভিগেশন এলিমেন্টগুলো একটি স্নিগ্ধ নিরপেক্ষ আবহ তৈরি করে, যা ক্যানভাসের বিপরীতেও সুস্পষ্টভাবে ফুটে ওঠে।
টাইপোগ্রাফি
১২ থেকে ৮৮ পিক্সেল · ৯টি ধাপ
- sans-serif — প্রতিস্থাপন: Inter · রূপরেখা 400 · স্যানস-সেরিফ - নিষ্কাশিত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।
- Haffer XH SemiBold — প্রতিস্থাপন: Inter Tight · রূপরেখা 400, 600 · ডিসপ্লে এবং হেডিং-এর জন্য এটি প্রধান ফন্ট। হিরো হেডিং-এর জন্য এটি ৭০–৮৮ পিক্সেল সাইজে, -০.০২em লেটার স্পেসিং এবং ৬০০ ওয়েটে ব্যবহৃত হয়। এর সংকীর্ণ লেটার স্পেসিং এবং বেশি লেটার হাইট হেডিংগুলোকে একটি সম্পাদকীয় আবহ দেয়, যার ফলে ডার্ক ইন্টারফেসটি ড্যাশবোর্ডের চেয়ে ম্যাগাজিনের কভারের মতো বেশি দেখায়। এর পরিবর্তে বোল্ড ওয়েটের ইন্টার টাইট বা জেনারেল স্যান্স ব্যবহার করুন।
- Jersey 10 — প্রতিস্থাপন: Anybody · রূপরেখা 400 · অ্যাকসেন্ট সংখ্যা এবং হাইলাইটের জন্য একটি বড়, আলংকারিক ফন্ট। টাইপোগ্রাফিক অ্যাকসেন্ট তৈরি করতে খুব বড় আকারে এটি অল্প পরিমাণে ব্যবহৃত হয়। এটিকে Anybody বা Cabinet Grotesk দিয়ে প্রতিস্থাপন করা যেতে পারে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 10-16px |
| বোতামের ব্যাসার্ধ | 100px |
| কার্ডের ব্যাসার্ধ | 20px |
| ছায়া | নরম ছায়া |
| বিভাগগুলির মধ্যে | 80px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Superlist স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- DNA — একটি কণা লেন্সের মাধ্যমে দেখা মিডনাইট অবজারভেটরি
- Abetterlou — স্যাডল লেদারের উপর স্পার্কস - গভীর কফি-কালো পটভূমির বিপরীতে একটি উষ্ণ, ক্রিম রঙের ফন্ট জ্বলজ্বল করছে, সাথে রয়েছে অ্যাম্বার-সোনালি রঙের বোতাম, যা কাগজের উপর চেপে বসা গরম ধাতুর মতো অনুভূত হয়।
- Galileo-ft — বৈদ্যুতিক নীল সংকেত সহ একটি গভীর মহাকাশ কমান্ড ডেক
- Decide AI — মধ্যরাতে মানমন্দির - মিন্ট সংকেত
- Redis Agency — কর্মঘন্টার পরেও খোলা থাকা সম্পাদকীয় কর্মশালাটি একটি ঘুটঘুটে অন্ধকার জায়গা, যেখানে ব্র্যান্ডিংয়ের সমস্ত কাজ করা হয় সেরিফ ফন্ট এবং একটিমাত্র লাল মূলা দিয়ে।
- Spellbook — প্রবাল কালিতে আলোকিত মধ্যরাতের আদালতকক্ষ—এক অন্ধকার সম্পাদকীয় পৃষ্ঠতল, যেখানে একমাত্র শব্দ হলো উষ্ণ কমলা কলমের আঁচড়।
- Linear — মধ্যরাতের নির্ভুল যন্ত্র
- Origin Financial — নিস্তব্ধ ঐশ্বর্যের এক মধ্যরাতের গ্যালারি। একটি শান্ত, প্রায় অন্ধকার ঘর, যেখানে বড় সেরিফ ফন্ট এবং কয়েকটি আলোকিত রঙিন প্যানেল এমন অনুভূতি তৈরি করে যে, অর্থব্যবস্থা যেন যত্নসহকারে সাজানো এক শিল্পকর্ম।
- Hyperstudio — নকশাটি অবসিডিয়ান পাথরে খোদাই করা। লেখা ও সূক্ষ্ম রেখাগুলো নিখাদ কালো রঙের একটি সাদা স্থানকে ঘিরে রেখেছে, এবং মাঝে মাঝে সোনালি কম্পাসের চিহ্ন পথ নির্দেশ করছে।
- Air — ভাস্কর্য "কাঁচের মধ্য দিয়ে মধ্যরাতের আকাশ"
- Raycast — মিডনাইট কমান্ড সেন্টার, কোরাল নিয়ন
- dope.security — বেগুনি বীকন সহ মধ্যরাতের টার্মিনাল