
Vivid+Co
অবসিডিয়ানের মধ্য দিয়ে প্রিজমীয় আলো
ভিভিড+কো একটি সিনেম্যাটিক, অন্ধকার শূন্যতার মধ্যে কাজ করে: #101010–#495764 রঙের একটি প্রায়-কালো ক্যানভাস, যা প্রায় সমস্ত টাইপফেস এবং ইন্টারফেস এলিমেন্টের জন্য ব্যবহৃত একটিমাত্র, প্রায়-সাদা আভা (#fffdf9) দ্বারা বিঘ্নিত হয়। টাইপোগ্রাফি প্রধানত নিউ মন্ট্রিয়েল ফন্টে ৪০০ ওয়েটে রেন্ডার করা হয়—এটি বোল্ড ফন্টের একটি ইচ্ছাকৃত বর্জন, যেখানে ওয়েটের পরিবর্তে স্কেলের (১৩৬ পিক্সেল এবং ১০৫ পিক্সেল) মাধ্যমে কর্তৃত্ব অর্জন করা হয়। এর একটি সিগনেচার কৌশল হলো ক্রোমাটিক প্রিজম: আরজিবি দ্বারা পৃথক করা স্যাচুরেটেড লাল/সবুজ/নীল আলোর ব্লকগুলো কাচের কিউবের মধ্য দিয়ে ফিল্টার হয়ে একরঙা পৃষ্ঠকে ব্যাহত করে। লেআউটটি কেন্দ্র-ভিত্তিক এবং প্রশস্ত; নেভিগেশন, মূল লেখা এবং লিঙ্ক সবই একটিমাত্র #fffdf9 রঙে থাকে, যেখানে কোনো আলাদা অ্যাকসেন্ট বাটন, ফিল বা শ্যাডো নেই—পার্থক্য তৈরি করা হয় স্পেসিং, স্কেল এবং একটি রংধনু আর্টিফ্যাক্টের মাধ্যমে, যা ব্র্যান্ডের একমাত্র কালার অ্যাকসেন্ট হিসেবে কাজ করে।
একটি গাঢ়, সম্পূর্ণ প্রস্থের ক্যানভাস, যেখানে প্রায় ১৪৪০ পিক্সেল সর্বোচ্চ মাপের একটিমাত্র কলামে কন্টেন্ট রয়েছে। মূল উপাদানটি হলো কেন্দ্রে অবস্থিত একটি প্রিজমাকৃতির শিল্পকর্ম, যার উপরে একটি শিরোনাম (কিউবগুলোকে ছেদ করে লেখা) এবং বামে সারিবদ্ধ একটি উপ-শিরোনাম রয়েছে। নেভিগেশন একটি পাতলা টপ বারে অবস্থিত: বামে লোগো, ডানে চারটি অদৃশ্য লিঙ্ক এবং সারির শেষে একটি নির্দিষ্ট "যোগাযোগ" বাটন। সেকশনের বিন্যাসটি সম্পূর্ণ উচ্চতার হিরো প্যানেল এবং প্রায় ১০৮ পিক্সেলের ফাঁকসহ সরু কন্টেন্ট স্ট্রিপের মধ্যে পর্যায়ক্রমে সাজানো। কন্টেন্টের বিন্যাসটি অপ্রতিসম: প্রিজমাকৃতির শিল্পকর্মটি দৃশ্যমান কেন্দ্র হিসেবে কাজ করে এবং শিরোনামগুলো এটিকে ঘিরে থাকে। একক-কলামের টেক্সট ব্লকগুলোর সর্বোচ্চ প্রস্থ প্রায় ৪৪০ পিক্সেল; একাধিক-কলামের গ্রিড, কার্ড ম্যাট্রিক্স এবং প্রাইসিং টেবিল অনুপস্থিত। ফুটারটি একটি পাতলা স্ট্রিপ, যা একটি পাতলা রেখা দ্বারা বিভক্ত এবং এতে মেটাডেটার দুটি কলাম রয়েছে।
মূল ডিজাইন উপাদানটি হলো আরজিবি (RGB) রঙ দ্বারা বিভক্ত, কিনারাগুলোতে ক্রোমাটিক অ্যাবারেশনসহ কাঁচের ঘনকের একটি বিমূর্ত ত্রিমাত্রিক (3D) চিত্র। কোনো ফটোগ্রাফ নেই, মানুষের ছবি নেই, পণ্যের ছবিও নেই। প্রিজমটিই ব্র্যান্ডের প্রতীক; বাকি সবকিছুই একটি কালো ক্যানভাসের উপর একরঙা টাইপোগ্রাফি। আইকনোগ্রাফি খুবই সংক্ষিপ্ত: সূক্ষ্ম নেভিগেশন লেবেল এবং একটি শিরোনামের শেষে একটি ছোট কার্সার/গ্লিফ অ্যাকসেন্ট (এরিয়া ১৪২৭৬৫) একটি একক, মনোলিনিয়ার ১৬ পিক্সেল আইকনের ইঙ্গিত দেয়। কোনো ইলাস্ট্রেশন, আলংকারিক নকশা বা টেক্সচার নেই।
প্যালেট
নিরপেক্ষ
- Bone White
#fffdf9— একটি গাঢ় ক্যানভাসের উপর মূল লেখা, নেভিগেশন লেবেল, লিঙ্কের রঙ এবং শিরোনামের ফিল সবই প্রায়-সাদা এবং এগুলো টাইপোগ্রাফিক পৃষ্ঠতলের সবটুকু জুড়ে রয়েছে। - Obsidian
#101010— পৃষ্ঠার ক্যানভাস, যা মূল এবং বিভাজক স্ট্রাইপগুলির ব্যাকগ্রাউন্ড ফিল, একটি গাঢ় কালো রঙের এবং এর ভিতরে একটি প্রিজম্যাটিক আর্টিফ্যাক্ট রয়েছে। - Graphite Veil
#495764— শিরোনাম এবং বিষয়বস্তু ব্লকগুলোর পেছনে একটি শীতল, গাঢ় স্লেট রঙের প্রাধান্য রয়েছে, যা নিরেট কালো রঙ ব্যবহার না করেই ক্যানভাসটিকে গভীরতা প্রদান করে। - Ash Border
#403f3f— লেখার সাথে প্রতিদ্বন্দ্বিতা না করে লাইনগুলোকে আলাদা করার জন্য ১ পিক্সেল দূরত্বে একটি সূক্ষ্ম বিভাজন রেখা এবং কার্ডের রূপরেখা ব্যবহার করা হয়। - Fog Blue
#6f879c— মৃদু গৌণ লেখা এবং সূক্ষ্ম বাটন লেবেল (৩.৭:১ কনট্রাস্ট) – “স্ট্র্যাটেজি,” “ক্রিয়েটিভ,” “কমিউনিকেশনস + মার্কেটিং”-এর মতো পরিষেবা বিভাগের নামগুলোকে অনুজ্জ্বল মেটাডেটা হিসেবে প্রতীয়মান হয়। - Pure Black
#000000— SVG আইকন এবং ইলাস্ট্রেশনের জন্য আলংকারিক ফিল—যা প্রিজম ইমেজ এবং আইকন গ্লিফগুলিতে ব্যবহৃত হয়; এটি কোনো ব্যাকগ্রাউন্ড নয়।
টাইপোগ্রাফি
১৫ থেকে ১৩৬ পিক্সেল · ৯টি ধাপ
- Neue Montreal — প্রতিস্থাপন: Söhne · রূপরেখা 400, 700 · ইউজার ইন্টারফেসের সর্বত্র—হেডিং, মূল লেখা, নেভিগেশন, বাটন, লিঙ্ক এবং ফুটারে—এই বিশেষ ফন্টটি ব্যবহার করা হয়। এর ডিফল্ট ওয়েট হলো ৪০০; ৭০০ ওয়েট শুধুমাত্র সাবহেডিংয়ের জন্য সংরক্ষিত। ১০৫ পিক্সেল এবং ১৩৬ পিক্সেল ওয়েটের হেডিংগুলোতে লাইন স্পেসিং থাকে ১.০০–১.০১em এবং লেটার স্পেসিং থাকে -০.০২em, যা সিনেম্যাটিক ও স্তরীভূত শিরোনাম তৈরি করে এবং সেগুলোকে টাইপোগ্রাফির চেয়ে বেশি ভাস্কর্যসুলভ মনে হয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 7px |
| বোতামের ব্যাসার্ধ | 0px |
| কার্ডের ব্যাসার্ধ | 15px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 108px |
| পৃষ্ঠার প্রস্থ | 1440px |
এআই আপনার ওয়েবসাইটটি Vivid+Co স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Sequel — অন্ধকার নামার পর একটি ব্যক্তিগত প্রদর্শনীই অন্যথায় অন্ধকার প্রেক্ষাগৃহে একমাত্র উষ্ণ আলো।
- ThoughtLab — গাঢ় লাল সংকেত খচিত একটি অবসিডিয়ান স্মৃতিস্তম্ভ। কৃষ্ণ শূন্যতার এক পটভূমি, যেখানে ক্যাথেড্রালের একমাত্র উজ্জ্বল লাল বস্তুটি বড় বড় সাদা অক্ষরে মুদ্রিত একটি একক বর্ণময় আকৃতি।
- Dovetail — কালো চাঁদের নিচে একটি নকশা—প্রায় অদৃশ্য গ্রাফের রেখা, সাদা হরফ, একটি বেগুনি আভা।
- MekaVerse — ডিজিটাল শিল্পকর্মের একটি একরঙা গ্যালারি—এক নিরেট কালো শূন্যতা যেখানে রেন্ডার করা জগৎটি জাদুঘরের প্রদর্শনীর মতো ঝুলে থাকে, এবং সম্পূর্ণ ইউজার ইন্টারফেসটি হলো ম্যাট কালো কাঁচের ওপর সাদা কালি।
- Krea — মধ্যরাতে গ্যালারি নোয়ার
- Factory — মধ্যরাতে 'ওয়ার রুম' টার্মিনাল। 'কারখানা'টি হলো একটি নিরেট কালো কন্ট্রোল প্যানেল, যেখানে টর্চলাইটের আলোয় জ্বলে ওঠা বার্তার মতো একটি সাদা কার্ড এসে পড়ে—ঘরটির একমাত্র বস্তু হলো কাজটি নিজেই।
- basement — ভোর ৩টায় একটা খালি ছাপাখানা – ঘুটঘুটে কালো পটভূমিতে বিশাল, সংকুচিত ফন্টগুলো ছড়িয়ে আছে, নেভিগেশন বারে কমলা আলোর একটিমাত্র ক্ষীণ আভা, বাকি সব সাদা বা ভুতুড়ে ধূসর।
- Stink Studios — মধ্যরাতের একটি ফিল্ম স্টুডিও — প্রজেক্টরের গুঞ্জন, ঘরটা অন্ধকার, শুধু ফিল্মটাই আলোকিত।
- Apple (España) — আলোকিত সরঞ্জাম সহ কালো থিয়েটার
- Charlie — মঠের পাথর থেকে অবসিডিয়ানের উপর খোদাই করা টাইপোগ্রাফি। একটি পোর্টফোলিও, যেখানে একটিমাত্র লাল দেয়াল এক কান-ফাটানো নিস্তব্ধতা তৈরি করে।
- Rive — উচ্চ-নির্ভুল রাত্রিকালীন দৃষ্টি। এর ইন্টারফেসে একটি বিশেষ লেন্স রয়েছে যা অন্ধকার ভেদ করে প্রযুক্তিগত বিবরণের উপর সম্পূর্ণ স্বচ্ছতার সাথে ফোকাস করে।
- Datalands — একটি কালো ক্যাথেড্রাল, যেখানে একটিমাত্র নিয়ন আলো জ্বলছে। গির্জার মূল অংশটি জুড়ে রয়েছে লোগো; বাকি সবকিছু তার নিচে প্রায় অস্পষ্ট অক্ষরে লেখা।