
Linear
মধ্যরাতের নির্ভুল যন্ত্র
লিনিয়ার ডিজাইন সিস্টেমটি হলো প্রায়-কালো পৃষ্ঠতলের (#08090a) উপর নির্মিত একটি নিশাচর কমান্ড সেন্টার, যেখানে রয়েছে ঝকঝকে সাদা টাইপ এবং একটিমাত্র লাইম-সবুজ অ্যাকসেন্ট (#e4f222)। এই অ্যাকসেন্টটি একটি কার্যকরী ফ্ল্যাশলাইটের মতো কাজ করে—ছোট, উচ্চ-কন্ট্রাস্টের এবং অ্যাকশন নির্দেশ করার জন্য অল্প পরিমাণে ব্যবহৃত। ইন্টারফেসটি অন্ধকারকে একটি থিম হিসেবে না দেখে ভিত্তি হিসেবে বিবেচনা করে: টেক্সটগুলো ঝকঝকে সাদা এবং অক্ষরগুলোর মধ্যে ব্যবধান খুব কম (-0.022em), ফন্টের ওয়েট বোল্ড না হয়ে ৪০০-৫১০ রেঞ্জের মধ্যে থাকে, এবং বর্ডারগুলো অত্যন্ত পাতলা (0.5px) হয়, যাতে সাধারণত ছায়ার কাজ জ্যামিতিই করতে পারে। কম্পোনেন্টগুলো নিখুঁতভাবে তৈরি বলে মনে হয়—৬px ও ১২px ব্যাসার্ধ, সংক্ষিপ্ত ৮-১২px মার্জিন এবং আলংকারিক উপাদানের প্রায় সম্পূর্ণ অনুপস্থিতি—যা এই শান্ত সিস্টেমে প্রোডাক্ট UI-কে (টাস্ক কার্ড, কানবান বোর্ড, AI এজেন্ট প্যানেল) একমাত্র ভিজ্যুয়াল টেক্সচার হিসেবে কাজ করতে দেয়।
লেআউটটির সর্বোচ্চ প্রস্থ প্রায় ১২০০ পিক্সেল, যা কেন্দ্রে অবস্থিত এবং এর গাঢ় পটভূমি ভিউপোর্টের প্রান্ত পর্যন্ত বিস্তৃত। মূল উপাদানটি হলো একটি বড় শিরোনাম, যা বামে সারিবদ্ধ (৬৪-৭২ পিক্সেল), এর সাথে একটি ডানে সারিবদ্ধ কল টু অ্যাকশন (CTA) যুক্ত রয়েছে এবং এর পরে একটি বড় পণ্যের স্ক্রিনশট আছে যা সর্বোচ্চ প্রস্থের চেয়ে সামান্য বেশি। সেকশনগুলোর বিন্যাসে দুটি কলামের বিন্যাস দেখা যায়, যেখানে বামে লেখা এবং ডানে ছবি থাকে, এবং ৯৬ পিক্সেলের উল্লম্ব গাটার দ্বারা বিভক্ত সম্পূর্ণ প্রস্থের পণ্য প্রদর্শনের স্ট্রিপ থাকে। ক্লায়েন্টের লোগো সম্বলিত স্ট্রিপটি একটি একক অনুভূমিক সারি। পৃষ্ঠাটিতে কখনও তিন-কলামের কার্ড গ্রিড বা টাইলড কাঠামো ব্যবহার করা হয় না—তথ্যের ঘনত্ব কম রাখা হয়েছে, যেখানে বেশিরভাগ সেকশনে পর্যাপ্ত সাদা জায়গা এবং স্ক্রিনে একটিমাত্র কেন্দ্রবিন্দু উপাদান ব্যবহার করা হয়েছে। নেভিগেশনটি হলো একটি স্থির টপ বার, যেখানে বামে সারিবদ্ধ লোগো এবং ডানে সারিবদ্ধ লিঙ্ক রয়েছে, কোনো সাইডবার বা মেগা-মেনু ছাড়াই।
লিনিয়ারের ভিজ্যুয়াল ল্যাঙ্গুয়েজটি প্রোডাক্ট স্ক্রিনশটের উপর ভিত্তি করে তৈরি: শুরুতে এবং বিভিন্ন সেকশনে থাকা ইলাস্ট্রেশনগুলো হলো লিনিয়ার অ্যাপের ইউজার ইন্টারফেসের আসল ছবি, যা সর্বোচ্চ ডিটেইলে ক্যাপচার করা হয়েছে—টাস্ক কার্ড, কানবান বোর্ড, এআই এজেন্ট ড্যাশবোর্ড, কমান্ড প্যালেট—এবং এগুলোকে পাতলা ফ্রেমে স্থাপন করা হয়েছে। কোনো স্টক ফটো, লাইফস্টাইল ইমেজ বা অ্যাবস্ট্রাক্ট ইলাস্ট্রেশন ব্যবহার করা হয়নি। গ্রাহকদের জন্য লোগোগুলোকে একটি নির্দিষ্ট আকারের নিউট্রাল গ্রে স্ট্রাইপ (#8a8f98) হিসেবে দেখানো হয়। আইকনগুলো হলো মনোক্রোম্যাটিক গ্রে স্কেলে তৈরি মিনিমালিস্ট লিনিয়ার SVG ইমেজ। পেজের উপরের স্ক্রিনশটটি একটি সূক্ষ্ম লিনিয়ার গ্রেডিয়েন্টের (গাঢ় থেকে হালকা) উপর ভেসে থাকে, যা কোনো বাস্তব ল্যান্ডস্কেপ ব্যবহার না করেই একটি বায়ুমণ্ডলীয় গভীরতা তৈরি করে। প্রতিটি ভিজ্যুয়াল উপাদানই প্রোডাক্টটির একটি কার্যকরী অংশ।
প্যালেট
ব্র্যান্ড
- Acid Lime
#e4f222— প্রধান কন্ট্রোল বাটনগুলো এবং সক্রিয় নেভিগেশন ইন্ডিকেটরগুলো একটি উজ্জ্বল অ্যাকসেন্ট হিসেবে কাজ করে, যা একরঙা কালার স্কিমটিকে ভেঙে দেয়।
নিরপেক্ষ
- Mist
#d0d6e0— গৌণ শিরোনাম, গাঢ় পৃষ্ঠে বোতামের লেখা - Void
#08090a— পেজ ক্যানভাস, পূর্ণ-প্রস্থের ব্যাকগ্রাউন্ড ইমেজ - ডিফল্টরূপে, সমস্ত এলিমেন্ট এই ব্যাকগ্রাউন্ডের বিপরীতে অবস্থান করে। - Carbon
#0f1011— কার্ডের ভেতরে কন্টেন্ট রাখার ক্ষেত্রে কার্ড সারফেস বা নেভিগেশন বার হলো ক্যানভাসের চেয়ে এক ধাপ উন্নত একটি পদ্ধতি। - Obsidian
#161718— উঁচু পৃষ্ঠতল, গভীর কার্ডবোর্ড প্যানেল - Graphite
#23252a— সূক্ষ্ম বর্ডার, বিভাজক, বোতামের হালকা রূপরেখা – কম বৈসাদৃশ্যের টেক্সচারযুক্ত প্রান্ত - Smoke
#383b3f— গ্রাফাইট সেকশন সেপারেটরের চেয়ে পাতলা বর্ডারের কনট্রাস্ট বেশি।
টাইপোগ্রাফি
১৩ থেকে ৭২ পিক্সেল · ৮টি ধাপ
- Inter Variable — প্রতিস্থাপন: Inter (variable) · রূপরেখা 300, 400, 510, 590 · প্রাথমিক UI ও হেডার ফন্ট - নেভিগেশন, মূল লেখা, শিরোনাম, বাটন এবং কার্ডে ব্যবহৃত হয়।
- Berkeley Mono — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400 · কোড-সংলগ্ন UI টেক্সট - রিলিজ আইডেন্টিফায়ার (ENG-2703), কীবোর্ড শর্টকাট, মনোস্পেস ফন্ট মেটাডেটা
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 6px |
| কার্ডের ব্যাসার্ধ | 12px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 96px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Linear স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Aaru — মধ্যরাতে পার্টিকল ফিল্ড অবজারভেটরি
- Atlas Card — একমাত্র নীলকান্তমণি রশ্মিযুক্ত মিডনাইট ভল্ট হলো এক ঘোর অন্ধকার বিস্তীর্ণ স্থান, যেখানে একমাত্র গভীর বৈদ্যুতিক নীল রঙটিই গুরুত্বপূর্ণ।
- Checkly — গভীর কক্ষপথ মিশন নিয়ন্ত্রণ কেন্দ্র
- Savee — ভিজ্যুয়াল কিউরেটরদের জন্য ব্ল্যাক ক্যানভাস
- Inngest — যন্ত্রপাতি নিয়ে কাজ করার উপযোগী, একটিমাত্র অ্যাম্বার রঙের নির্দেশক বাতি দ্বারা আলোকিত একটি অন্ধকার, শান্ত মানমন্দির।
- Dala — কালো মখমলের উপর ভাসমান একটি নক্ষত্রপুঞ্জ
- Origin Financial — নিস্তব্ধ ঐশ্বর্যের এক মধ্যরাতের গ্যালারি। একটি শান্ত, প্রায় অন্ধকার ঘর, যেখানে বড় সেরিফ ফন্ট এবং কয়েকটি আলোকিত রঙিন প্যানেল এমন অনুভূতি তৈরি করে যে, অর্থব্যবস্থা যেন যত্নসহকারে সাজানো এক শিল্পকর্ম।
- Hyperstudio — নকশাটি অবসিডিয়ান পাথরে খোদাই করা। লেখা ও সূক্ষ্ম রেখাগুলো নিখাদ কালো রঙের একটি সাদা স্থানকে ঘিরে রেখেছে, এবং মাঝে মাঝে সোনালি কম্পাসের চিহ্ন পথ নির্দেশ করছে।
- Air — ভাস্কর্য "কাঁচের মধ্য দিয়ে মধ্যরাতের আকাশ"
- Resend — বেগুনি নিয়ন রঙের কালো মখমল
- Raycast — মিডনাইট কমান্ড সেন্টার, কোরাল নিয়ন
- Dimension — ফ্রস্টেড গ্লাস প্যানেল সহ একটি গোধূলি-আলোকিত ওয়ার্কস্টেশন