Vercel
সাদা কাগজে মুদ্রিত টার্মিনাল
ভার্সেল ডিজাইন সিস্টেমটি হলো সুশৃঙ্খল মনোক্রোমের একটি অনুশীলন: একটি প্রায়-সাদা ক্যানভাস (#fafafa), কালো টাইপ, পাতলা বর্ডার এবং আলংকারিক রঙের সম্পূর্ণ অনুপস্থিতি। এর ভিজ্যুয়াল ল্যাঙ্গুয়েজটি প্রিন্টে রেন্ডার করা কোনো ডেভেলপারের টার্মিনালের কথা মনে করিয়ে দেয়—Geist Sans ফন্টটি 400-450 ওয়েট এবং -0.06em লেটার স্পেসিং সহ "হিরোইক" স্কেলে প্রায় পড়াই যায় না, অন্যদিকে Geist Mono ফন্টটি লেবেল, মেটাডেটা এবং কোড স্যাম্পল 11-13px ক্যাপে ব্যবহার করে। বাটনগুলো হলো সাদা ব্যাকগ্রাউন্ডে নিখাদ কালো অথবা কালো ব্যাকগ্রাউন্ডে সাদা রঙের 6px ব্যাসার্ধের তীক্ষ্ণ আয়তক্ষেত্র। এই সিস্টেমটি রঙের পরিবর্তে কনট্রাস্ট এবং টাইপোগ্রাফিক হায়ারার্কির উপর নির্ভর করে, এবং একমাত্র ব্র্যান্ডিং উপাদান হিসেবে ত্রিভুজ চিহ্ন (▲) ও একটি দুই-লাইনের ওয়ার্ডমার্ক ব্যবহার করে। সারফেসগুলো #fafafa → #ebebeb → #171717 ক্রমে একটির উপর আরেকটি সাজানো থাকে, যা ছায়া বা রঙের পরিবর্তে টোনাল ভ্যালু পরিবর্তনের মাধ্যমে গভীরতা তৈরি করে। প্রতিটি উপাদান একটি ৪ পিক্সেলের গ্রিডের উপর সুসংহত ঘনত্বে নির্মিত, যার ফলে ইন্টারফেসটি একজন প্রকৌশলীর নোটবুকের কথা মনে করিয়ে দেয়—যা সুনির্দিষ্ট, কার্যকরী এবং ফাঁকা স্থান ব্যবহারে নির্ভীক।
কন্টেইনারটি ১২৮০ পিক্সেল চওড়া, কেন্দ্রে অবস্থিত এবং এতে পর্যাপ্ত হরাইজন্টাল প্যাডিং (২৪-৪৮ পিক্সেল) রয়েছে। মূল ব্লকটিতে একটি অপ্রতিসম তিন-অঞ্চল বিশিষ্ট বিন্যাস ব্যবহার করা হয়েছে: বাম দিকে একটি বড় শিরোনাম, কেন্দ্রে একটি ব্র্যান্ড গ্লিফ এবং ডান দিকে একটি "আইব্রো" ব্লক। মূল ব্লকের নিচে, বিষয়বস্তু পর্যায়ক্রমিক স্ট্রাইপে সাজানো হয়েছে: ক্লায়েন্টের লোগো সহ একটি সম্পূর্ণ-প্রস্থের স্ট্রাইপ, তার পরে বাম দিকে শিরোনাম এবং ডান দিকে একটি প্রোডাক্ট লেআউট সহ দুই-কলামের "এজেন্ট ক্রিয়েটরস" বিভাগ, এবং তারপরে বৈশিষ্ট্য সহ তিনটি কার্ডের একটি গ্রিড। বিভাগগুলো কোনো বিভাজক বা ব্যাকগ্রাউন্ড অফসেট ছাড়াই ৯৬-১২৮ পিক্সেলের উল্লম্ব গাটার দ্বারা পৃথক করা হয়েছে। নেভিগেশনটি একটি একক স্থির ৬৪ পিক্সেলের প্যানেল যার ব্যাকগ্রাউন্ড ঝাপসা। কার্ড গ্রিডগুলো ধারাবাহিকভাবে ১৬-২৪ পিক্সেলের গাটার সহ দুই বা তিন-কলামের বিন্যাস ব্যবহার করে। সামগ্রিক ঘনত্বটি সুসংহত—লেখাগুলো সহজে পড়া যায়, পর্যাপ্ত সাদা জায়গা রয়েছে, কিন্তু ফন্টের আকার এবং উপাদানগুলোর আকার পৃষ্ঠাটিকে ফাঁকা ফাঁকা মনে হতে দেয় না।
ছবিগুলো সংখ্যায় কম এবং সর্বদা কার্যকরী। মূল দৃশ্যমান উপাদানটি হলো কালো ত্রিভুজ (▲)—একটি জ্যামিতিক ব্র্যান্ড চিহ্ন যা 'ক্যাপিটাল' স্কেলে একটি ভাসমান সিলুয়েট হিসেবে দেখা যায়। প্রুফ-অফ-কনসেপ্ট স্ট্রিপে ক্লায়েন্টের লোগোগুলোতে প্রতিটি ব্র্যান্ডের আসল ওয়ার্ডমার্ক গ্রেস্কেলে ব্যবহার করা হয়েছে। প্রোডাক্ট মকআপগুলো (নোশনের চ্যাট ইন্টারফেস, সিএলআই টার্মিনাল আউটপুট, পাসপোর্ট কার্ড) ফ্রেম করা কার্ডের মধ্যে লাইট-মোড স্ক্রিনশট হিসেবে এমবেড করা আছে। এখানে কোনো ফটোগ্রাফ, ইলাস্ট্রেশন বা থ্রিডি উপাদান নেই—সিস্টেমটি হলো সাদা কাগজের উপর বিশুদ্ধ টাইপোগ্রাফি এবং জ্যামিতিক আকার।
প্যালেট
নিরপেক্ষ
- Obsidian
#171717— মূল শিরোনাম, নেভিগেশন বর্ডার, বাটনের গাঢ় ফিল এবং তালিকার মার্কারগুলো সবই প্রায় কালো, যা রঙের তীব্রতা ও চড়া স্যাচুরেশন এড়িয়ে চলে। - Paper White
#fafafa— পৃষ্ঠার ক্যানভাস, কার্ডের পৃষ্ঠতল, বোতামগুলোর আলোর আভা—এটাই হলো সেই আদর্শ পটভূমি যার উপর বাকি সবকিছু অবস্থিত। - Pure White
#ffffff— উঁচু কার্ড পৃষ্ঠ, ইনসার্ট, ইনপুট ফিল্ড। - Hairline
#ebebeb— বাটন, লিঙ্ক এবং কার্ডের ১ পিক্সেল বর্ডার উচ্চ জুম লেভেলে দৃশ্যমান হয়, কিন্তু নিম্ন জুম লেভেলে অদৃশ্য থাকে। - Ash
#c9c9c9— নিষ্ক্রিয় টেক্সট, অনুজ্জ্বল লেবেল, ক্লায়েন্টের লোগোতে ব্র্যান্ড নামের ওয়াটারমার্ক। - Smoke
#a8a8a8— গৌণ লেখা, স্থানধারক লেখা, সূক্ষ্ম আইকন পূরণ।
টাইপোগ্রাফি
১১ থেকে ৬৪ পিক্সেল · ৬টি ধাপ
- Geist Sans — প্রতিস্থাপন: Inter · রূপরেখা 400, 450, 500 · ইন্টারফেস এবং হেডিং-এর জন্য প্রধান ফন্টটি হলো ভার্সেল (Vercel)-এর একটি বিশেষভাবে ডিজাইন করা জ্যামিতিক স্যান্স-সেরিফ ফন্ট, যার বড় সাইজগুলোতে লেটার স্পেসিং খুব কম (-০.০৬em ৫৬-৬৪px-এ, -০.০৫em ৩০px-এ)। পৃষ্ঠার উপরের হেডিংগুলোর জন্য ৪৫০ ওয়েট বেছে নেওয়া হয়েছে: যা লাইট (Light)-এর চেয়ে মোটা কিন্তু সেমি-বোল্ড (Semi-Bold)-এর চেয়ে হালকা, এবং এটি একটি আত্মবিশ্বাসী অথচ সংযত ভাব তৈরি করে।
- Geist Mono — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400, 500, 600 · ক্যাপশন, কোড ব্লক, CLI আউটপুট প্যানেল, মেটাডেটা এবং বড় হাতের অক্ষরের জন্য একটি মনোস্পেসড সেকেন্ডারি ফন্ট। এর 8px/600px/uppercase সংমিশ্রণটি ছোট ওয়ার্ডমার্কগুলোকে নির্ভুলভাবে স্থাপন করতে সাহায্য করে। মনোস্পেসড সংস্করণে প্রশস্ত লেটার স্পেসিং (0.071em) বড় হাতের অক্ষরের জন্য পর্যাপ্ত জায়গা প্রদান করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 12px |
| বোতামের ব্যাসার্ধ | 6px |
| কার্ডের ব্যাসার্ধ | 6px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 96-128px |
| পৃষ্ঠার প্রস্থ | 1280px |
এআই আপনার ওয়েবসাইটটি Vercel স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Headspace — উষ্ণ কাগজে একটি রৌদ্রোজ্জ্বল সুস্থতার কোণ
- WHOOP — মধ্যরাতে পারফরম্যান্স ল্যাব - কালো নাট্যিক শূন্যতার নিচে সাদা ক্লিনিক্যাল ল্যাব টেবিল, বিদ্যুতের একটিমাত্র বেগুনি স্পন্দন।
- Together AI — হিমবাহের কাগজে গবেষণা কনসোল
- v0 by Vercel — লেদ ড্রয়িং। নির্ভুলতা এবং কার্যকারিতাই সর্বাপেক্ষা গুরুত্বপূর্ণ, যেখানে একটি পরিষ্কার ও কারিগরিভাবে নিখুঁত পৃষ্ঠতলে প্রতিটি উপাদান একটি সুস্পষ্ট উদ্দেশ্য পূরণ করে।
- Dovetail — কালো চাঁদের নিচে একটি নকশা—প্রায় অদৃশ্য গ্রাফের রেখা, সাদা হরফ, একটি বেগুনি আভা।
- Glideapps — একরঙা ড্রাফটিং টেবিল, সাথে একটি বৈদ্যুতিক ফিরোজা রঙের ঝিকিমিকি
- Timescale — উষ্ণ গ্রাফ পেপারে প্রকৌশল অঙ্কন
- UGLYCASH — ক্রিম রঙের কাগজের ওপর স্টিকার-সজ্জিত একটি নোটবুক এক সাহসী, ম্যাক্সিমালিস্ট ফিনটেক প্রতিষ্ঠানের আবহ ফুটিয়ে তোলে, যা সগর্বে তার বিশৃঙ্খলা প্রদর্শন করে।
- Sprout Social — কালো স্লেটের উপর একটি সবুজ অঙ্কুর। কঠোর একরঙা ক্যানভাসের উপর একটি উজ্জ্বল ছোঁয়া, যার রঙ কেবল কাজের প্রয়োজনে ব্যবহৃত হয়েছে, আর একটি আত্মবিশ্বাসী জ্যামিতিক ফন্ট দিকনির্দেশক হিসেবে কাজ করছে।
- Krea — মধ্যরাতে গ্যালারি নোয়ার
- Evergreen — লিনেন কাগজের উপর সৌর গ্রিনহাউস
- Factory — মধ্যরাতে 'ওয়ার রুম' টার্মিনাল। 'কারখানা'টি হলো একটি নিরেট কালো কন্ট্রোল প্যানেল, যেখানে টর্চলাইটের আলোয় জ্বলে ওঠা বার্তার মতো একটি সাদা কার্ড এসে পড়ে—ঘরটির একমাত্র বস্তু হলো কাজটি নিজেই।