
Seline Analytics
উষ্ণ কাগজের উপর একটি শান্ত বিশ্লেষণাত্মক টেবিল
সেলিনকে একটি উষ্ণ স্টোন ব্যাকগ্রাউন্ডে (#fafaf9) স্থাপন করা হয়েছে, যেখানে একটিমাত্র উজ্জ্বল নীল অ্যাকসেন্ট রয়েছে—অন্যান্য সমস্ত রঙ নিউট্রাল এবং টেইলউইন্ড স্টোন কালার প্যালেট থেকে নেওয়া। হেডলাইনগুলো একটি কাস্টম-ডিজাইন করা জ্যামিতিক স্যান্স-সেরিফ ফন্টে (roobert) রেন্ডার করা হয়েছে, যার ওয়েট ৪০০ এবং সংকীর্ণ নেগেটিভ লেটার স্পেসিং রয়েছে। এটি টেক্সটকে একটি ধীরস্থির, প্রায় ফিসফিসের মতো আত্মবিশ্বাস দেয়, যা সাধারণত কোলাহলপূর্ণ SaaS স্টাইলের সাথে একটি বৈপরীত্য তৈরি করে। UI সারফেসগুলো হলো ফ্ল্যাট সাদা কার্ড, যা একটিমাত্র, নরম, ১৬ পিক্সেল ব্লারসহ উষ্ণ ব্যাকগ্রাউন্ডের উপরে ভাসমান; বর্ডারগুলো তৈরি করা হয়েছে পাতলা, ১ পিক্সেল স্টোন-টোনড লাইন দিয়ে, যা ভারী ডিভাইডার বা প্যানেলের পরিবর্তে প্রধান কাঠামোগত উপাদান হিসেবে উদারভাবে ব্যবহৃত হয়েছে। লেআউটটি শ্বাসপ্রশ্বাসের মতো: একটি উদার উল্লম্ব ছন্দের উপর কেন্দ্র করে সম্পূর্ণ-প্রস্থের কন্টেন্ট, সাথে পিল-আকৃতির ইন্টারেক্টিভ কন্ট্রোল, ব্যক্তিত্বের জন্য একটি মাসকট ইলাস্ট্রেশন এবং পণ্যের প্রমাণ হিসেবে ড্যাশবোর্ডের স্ক্রিনশট। সামগ্রিক অনুভূতিটি সম্পাদকীয়ভাবে বিশ্লেষণাত্মক: শান্ত, মনোক্রোম, আত্মবিশ্বাসী, যেখানে নীল রঙের কল টু অ্যাকশনটি পৃষ্ঠার সবচেয়ে আকর্ষণীয় উপাদান, যা অন্য সবকিছুর ইচ্ছাকৃত সংযমের কারণে সম্ভব হয়েছে।
পেজটি সর্বোচ্চ প্রস্থের, প্রায় ১২০০ পিক্সেলে কেন্দ্রে অবস্থিত এবং এতে উল্লম্বভাবে যথেষ্ট জায়গা রয়েছে। হিরো সেকশনটি হলো বাম-সারিবদ্ধ দুই-লাইনের একটি টেক্সট ব্লক, যেখানে নীল রঙে একটিমাত্র বাক্য ("সহজ এবং কার্যকর") হাইলাইট করা আছে। এর পরে রয়েছে দুটি কল টু অ্যাকশন (ব্লু পিল + ঘোস্ট পিল) সহ একটি সারি, তারপর ধূসর রঙের পার্টনার লোগোর একটি সারি, এরপর ট্রাস্ট রেটিং-এর একটি সারি এবং সবশেষে একটি সম্পূর্ণ প্রস্থের ভাসমান ড্যাশবোর্ড প্রিভিউ, যা পরবর্তী সেকশনকে সামান্য ওভারল্যাপ করে আছে। পেজের নিচের অংশে একটি কলামের গ্রিডে প্রশংসাপত্রের সারিগুলো পর্যায়ক্রমে সাজানো আছে, যার পরে রয়েছে সম্পূর্ণ প্রস্থের সেকশন, যেখানে ফিচারের বিবরণ, বাম-সারিবদ্ধ টেক্সট এবং কেন্দ্রে অবস্থিত পণ্যের ছবি রয়েছে। নেভিগেশনটি একটি মিনিমালিস্ট টপ বার—বামে লোগো, কেন্দ্রে অবস্থিত নেভিগেশন লিঙ্ক, এবং ডানে লগইন ও নীল রঙের কল টু অ্যাকশন—যার মাঝখানে পরিচয় যাচাইয়ের জন্য একগুচ্ছ ভাসমান অ্যাভাটার রয়েছে। তথ্যের ঘন জটলার পরিবর্তে একটি সম্পাদকীয় ছন্দ তৈরি করার জন্য সেকশনগুলোর মধ্যে প্রশস্ত (৯৬ পিক্সেল) জায়গা রাখা হয়েছে।
ভিজ্যুয়াল ল্যাঙ্গুয়েজে প্রোডাক্টটির ইউজার ইন্টারফেসের স্ক্রিনশটগুলোরই প্রাধান্য—ড্যাশবোর্ড প্রিভিউটি হলো একটি ছবি যা গ্রেস্কেল (1) (0.94) কনট্রাস্ট ফিল্টার দিয়ে রেন্ডার করা হয়েছে, যা ডেটার রঙগুলোকে ম্লান করে একটি একরঙা আভা দেয়। একমাত্র মানুষের অবয়বটি হলো একটি রৈখিক মাসকট স্টিকার (একটি হুড পরা চরিত্র), যা শুধুমাত্র আউটলাইন দিয়ে SVG স্টাইলে আঁকা হয়েছে। বিশ্লেষণধর্মী বিষয়বস্তুর সাথে একটি কৌতুকপূর্ণ বৈপরীত্য তৈরি করার জন্য এটিকে প্রতিটি বিভাগে একবার করে রাখা হয়েছে এবং স্টিকারের মতো গভীরতার প্রভাব তৈরি করতে একটি হালকা ছায়া দেওয়া হয়েছে। ব্র্যান্ড লোগো এবং গ্লিফগুলো হলো ছোট ছোট কালো স্ফুলিঙ্গ/শিখা। এখানে কোনো ছবি নেই—কোনো লাইফস্টাইল শট, কোনো টিম ফটো, কোনো পরিবেশগত ছবি নেই। মূল বস্তুটি (ড্যাশবোর্ড) হলো প্রধান চরিত্র। সমস্ত আলংকারিক আইকনগুলো #0c0a09 বা #3ba6f1 রঙের 1px আউটলাইন স্টাইলের, কখনোই ফিল করা নয়।
প্যালেট
ব্র্যান্ড
- Cyan Signal
#3ba6f1— পৃষ্ঠাটিতে মূল কল টু অ্যাকশন, সক্রিয় লিঙ্ক এবং ব্র্যান্ড আইকনগুলোর রূপরেখাই একমাত্র রঙিন সংযোজন, যা অ্যাকশনটির প্রতি মনোযোগ আকর্ষণ করার জন্য মিতব্যয়ীভাবে ব্যবহার করা হয়েছে। - Cyan Edge
#3398e1— কাজের রূপরেখা, লিঙ্কের লেবেল এবং ইন্টারেক্টিভ উপাদানগুলোকে হাইলাইট করতে নীল রঙ ব্যবহার করা হয়। কোনো কাজ করার আহ্বানের জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।
নিরপেক্ষ
- Ink Black
#0c0a09— মূল শিরোনাম, হাইলাইট করা মূল লেখা এবং অভিব্যক্তিপূর্ণ আইকনগুলো একটি উষ্ণ, প্রায় কালো রঙের। - Stone Canvas
#fafaf9— পৃষ্ঠার পটভূমিটি একটি উষ্ণ, ক্রিম রঙের, যা পর্দার সাদার চেয়ে কাগজের মতো অনুভূতি দেয়। - Pure White
#ffffff— ম্যাপের পৃষ্ঠতল, বাইরের দিকে প্রসারিত প্যানেল এবং ইনপুট ফিল্ডের ফিল ডিফল্টরূপে সমতল ও ছায়াহীন থাকে। - Stone Border
#e8e6e5— কার্ড, নেভিগেশন এবং ইনপুট ফিল্ডের পাতলা বর্ডারগুলোই প্রধান কাঠামোগত উপাদান, বিভাজক নয়। - Stone Muted
#d6d3d1— অতিরিক্ত ফ্রেম, পটভূমির সূক্ষ্ম আভা, আলংকারিক বিভাজক। - Ash Gray
#a8a29e— সহায়ক লেখা, আইকনের রূপরেখা, নিষ্ক্রিয় অবস্থা — পাঠযোগ্য কিন্তু অকার্যকর।
টাইপোগ্রাফি
১০ থেকে ৫২ পিক্সেল · ৫টি ধাপ
- Roobert — প্রতিস্থাপন: Inter Tight or Satoshi · রূপরেখা 400, 500 · শিরোনাম এবং টেক্সট লেআউটের জন্য ব্যবহৃত ফন্টটি একটি অনন্য জ্যামিতিক স্যান্স-সেরিফ, যেখানে অক্ষরের মধ্যে ন্যূনতম নেগেটিভ স্পেসিং রয়েছে (৩২ পিক্সেলে -০.০২৫em, ৫২ পিক্সেলে -০.০২১em)। ৪০০ x ৫২ পিক্সেল ওয়েটটিই এই ফন্টের বিশেষত্ব: গতানুগতিকতার বাইরে, সূক্ষ্ম, অথচ কর্তৃত্বপূর্ণ এবং সংযত। শিরোনামগুলো অতিরিক্ত ভারাক্রান্ত না হয়েই নিজের স্থান করে নেয়।
- Inter — প্রতিস্থাপন: Inter · রূপরেখা 400, 500, 600 · মূল টেক্সট, নেভিগেশন, ইউআই এবং হেডিং-এর জন্য ব্যবহৃত প্রধান ফন্টটি হলো একটি নিউট্রাল ও ইউনিভার্সাল ফন্ট, যা স্ক্রিনের বাইরের সমস্ত টেক্সটের জন্য ব্যবহৃত হয়। মূল টেক্সটের জন্য ১৪ পিক্সেল সাইজ, ৪০০ ওয়েট এবং ১.৬৪ লাইন স্পেসিং হলো প্রধান সাইজ (ফ্রিকোয়েন্সি ১১৭৪)। ছোট সাইজে পজিটিভ লেটার স্পেসিং (০.০০৪em) ঘন সন্নিবিষ্ট ইউআই-এর পাঠযোগ্যতা নিশ্চিত করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 10px |
| ছায়া | নরম ছায়া |
| বিভাগগুলির মধ্যে | 96px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Seline Analytics স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- ElevenLabs — উষ্ণ ক্রিম রঙের ছোঁয়ায় তোলা একটি আলোকচিত্র-প্রবন্ধ, সাথে রয়েছে সূক্ষ্ম শিরোনাম। বাউহাউস-শৈলীর একটি নোটবুক—ডিমের খোসার মতো রঙের কাগজ, কালো কালি, এবং পণ্য প্রদর্শনের জন্য একটিমাত্র বেগুনি ও কমলা রঙের অলঙ্করণ।
- Awesomic — সম্পাদকীয় জিঙ্ক মেশ, যাতে কনফেটির কথা মনে করিয়ে দেয় এমন কমলা রঙের যতিচিহ্ন রয়েছে।
- Monad — উষ্ণ পার্চমেন্টে সম্পাদকীয় প্রযুক্তিগত জার্নাল
- Dub — লিঙ্কের ম্যাট রাইস পেপার কন্ট্রোল প্যানেল
- Notion — দুপুরের রোদে একটি উষ্ণ কাগজের নোটবুক
- Anthropic — উষ্ণ ভেলাম কাগজে ছাপা একটি বৈজ্ঞানিক ক্ষেত্র-জার্নাল—শান্ত হাতির দাঁতের মতো পৃষ্ঠতল, সেরীফযুক্ত সম্পাদকীয় শিরোনাম, এবং একটিমাত্র মাটির ছোঁয়া যা কেবল প্রয়োজনের মুহূর্তেই ফুটে ওঠে।
- Calendly — ঠান্ডা মার্বেলের উপর গাঢ় নীল কালি
- Augen Pro — অ্যাপলের সাদা উপস্থাপনাটিতে একরঙা পরিসরে একমাত্র অ্যাকসেন্ট হিসেবে একটি পরিচ্ছন্ন, ওজনহীন, বৈদ্যুতিক নীল রঙ ব্যবহার করা হয়েছে।
- Antimetal — ক্রিম রঙের কাগজে ছাপা একটি সম্পাদকীয় ইতিবৃত্ত—একটি বৈজ্ঞানিক জার্নালের শান্ত সকাল, যেখানে সংযম আত্মবিশ্বাস প্রকাশ করে এবং সেরিফ ফন্টগুলোই মূল ভার বহন করে।
- Perk — গরম পার্চমেন্ট পেপারে বৈদ্যুতিক চুন
- Ditto — সূর্যালোকিত একটি কর্মশালায় বুনো ফুলের নমুনা তৈরি হচ্ছে। উষ্ণ ক্রিম রঙের পৃষ্ঠতল, একটি প্রাণবন্ত হলুদ ভিত্তি রঙ, গাঢ় নেভি ব্লু কালি, এবং শিল্পকর্মটির পেছনে ফুটে ওঠা জৈব রঙের রূপ।
- Officevibe — উষ্ণ ক্রিম রঙের কাগজে ছাপা একটি সম্পাদকীয় পত্রিকা। কল্পনা করুন, মানব সম্পদ ব্যবস্থাপনার উপর একটি চিন্তাশীল প্রবন্ধ, যা একটি পণ্য হিসেবে উপস্থাপিত—একটি আধুনিক নীল ইন্টারফেসের মধ্য দিয়ে ফিসফিস করে কথা বলছে কারসিভ সেরিফ ফন্ট।