
Authkit
মধ্যরাতে হিমায়িত কাঁচের ক্যাথেড্রাল
অথকিট একটি রাত্রিকালীন পণ্য উপস্থাপনার নান্দনিকতা তৈরি করে: প্রায়-কালো ক্যানভাস, যার উপর রয়েছে ঘোলা কাঁচের মতো পৃষ্ঠতল, প্রায় অদৃশ্য রেখার একটি গ্রিড এবং কাঁচের স্তর দ্বারা আলোকিত বলে মনে হওয়া উজ্জ্বল লেখা। গাঢ় পটভূমির বিপরীতে টাইপফেসটি প্রায় সম্পূর্ণ সাদা, এবং একমাত্র কার্যকরী উপাদান হিসেবে রয়েছে একটি উজ্জ্বল বেগুনি অ্যাকসেন্ট—প্রতিটি ইন্টারেক্টিভ পৃষ্ঠে একটি দৃঢ় ফ্রেমের পরিবর্তে শীতল নীল-সাদা রঙের একটি নরম, পাতলা রেখা রয়েছে। উপাদানগুলো স্বচ্ছ স্তরের উপর সাজানো, যা একটি পরিবেষ্টিত আভার উপর স্তরিত, এবং কার্ডগুলোকে কাগজের প্যানেলের পরিবর্তে নিচ থেকে আলোকিত কাঁচের প্লেট হিসেবে দেখানো হয়েছে। স্পেসিংগুলো বড় এবং ছন্দময়; মূল উপাদানটি হলো একটি একক আলোকিত লোগো যা পৃষ্ঠার পুরো প্রস্থ জুড়ে বিস্তৃত এবং প্রচলিত স্প্লিট-স্ক্রিন লেআউটের পরিবর্তে ভাসমান কাঁচের কার্ড দ্বারা পরিবেষ্টিত।
একটি সম্পূর্ণ প্রস্থের, গাঢ় রঙের ক্যানভাস যার কেন্দ্রে একটি কন্টেন্ট কন্টেইনার রয়েছে, সর্বোচ্চ ১২০০ পিক্সেল চওড়া। মূল উপাদানটি হলো একটি একক, কেন্দ্রে অবস্থিত, আলোকিত লোগো (গ্রেডিয়েন্ট ফন্টে "AuthKit"), যার উপরে একটি ছোট ভ্রু-আকৃতির লেখা রয়েছে। এর পিছনে/নিচে লগইন ফর্মসহ তিনটি ভাসমান গ্লাস কার্ড পাখার মতো ছড়িয়ে আছে (বাম কার্ডটি বাম দিকে কাত করা, মাঝের কার্ডটি বড় করা, এবং ডান কার্ডটি ডান দিকে কাত করা)। মূল উপাদানের নিচে কেন্দ্রে একটি লাইট/ডার্ক থিম টগল রয়েছে। ফিচার রো হলো ৬টি আইকনের একটি হরাইজন্টাল টাইমলাইন, যেখানে বৃত্তাকার আইকনগুলোর মধ্যে পাতলা সংযোগকারী রেখা রয়েছে। সেকশনের ছন্দ: প্রতিটি সেকশন শুরু হয় একটি কেন্দ্রে অবস্থিত ভ্রু-আকৃতির লেখা দিয়ে, যা হালকা হয়ে আসা হরাইজন্টাল রেখা দ্বারা ফ্রেম করা। এর পরে একটি বড়, কেন্দ্রে অবস্থিত শিরোনাম (৪৪-৪৮ পিক্সেল) এবং তারপরে একটি হালকা রঙের মূল লেখার লাইন (১৬-১৮ পিক্সেল) থাকে, যার সর্বোচ্চ প্রস্থ প্রায় ৬৪০ পিক্সেল। কাস্টমাইজ সেকশনটিতে একটি ব্রাউজার উইন্ডোর মকআপ প্রদর্শিত হয়, যার কেন্দ্রে একটি লগইন কার্ড থাকে এবং তাকে ঘিরে ক্যানভাসের কোণায় কোণায় ভাসমান UI ইন্সপেক্টর প্যানেলগুলো (কালার প্যালেট, রেডিয়াস স্লাইডার, লোগো আইকন সিলেক্টর, বাটন টেক্সট ফিল্ড, পেজ ব্যাকগ্রাউন্ড ফিল্ড) একটি ডিজাইন টুলস ওয়ার্কস্পেসের মতো করে সাজানো থাকে।
ভিজ্যুয়াল ডিজাইনে প্রাধান্য পেয়েছে লগইন ফর্মের মকআপগুলো, যা "গ্লাস মরফোলজি" শৈলীতে (ইমেল/পাসওয়ার্ড ইনপুট ফিল্ড, সোশ্যাল মিডিয়া লগইন বাটন, পাসওয়ার্ড-বিহীন কোড এন্ট্রি) তৈরি করা হয়েছে এবং একটি গভীর মধ্যরাতের ক্যানভাসের উপর ভাসমান, স্বচ্ছ কার্ড হিসেবে উপস্থাপন করা হয়েছে। ফিচার আইকনগুলো হলো গোলাকার, ম্যাট টাইলসের মধ্যে #d1e4fa রঙের একরঙা লিনিয়ার গ্লিফ। একটি সূক্ষ্ম গ্রিড (rgba(186,215,247,0.06) কালারের ১ পিক্সেলের লাইন) পুরো পৃষ্ঠা জুড়ে একটি আবহ তৈরি করেছে, এবং মূল উপাদানটির শীর্ষে একটি শঙ্কু আকৃতির গ্রেডিয়েন্ট স্পটলাইট ঝিকমিক করছে। কোনো ছবি নেই, লাইফস্টাইল ইমেজ নেই, প্রোডাক্টের স্ক্রিনশটও নেই—পণ্যটি নিজেই হলো ভিজ্যুয়াল উপাদান: একটি অন্ধকার স্টুডিওতে কাঁচের প্রোটোটাইপের মতো সাজানো লগইন ফিল্ড।
প্যালেট
ব্র্যান্ড
- Void Violet
#663af3— কল-টু-অ্যাকশন (CTA) বাটনের প্রধান রঙটিই একমাত্র অ্যাকসেন্ট কালার যা লগইন ফর্মের মধ্যে শুধুমাত্র 'Continue/Submit' বাটনের জন্য ব্যবহৃত হয়; প্রায়-কালো পটভূমির বিপরীতে উজ্জ্বল বেগুনি রঙটি একরঙা কালার স্কিমকে ব্যাহত না করেই একটি জরুরি অবস্থার অনুভূতি তৈরি করে।
নিরপেক্ষ
- Midnight Canvas
#05060f— পৃষ্ঠার পটভূমি, কার্ডের গভীরতম পৃষ্ঠ, ব্যাজের ভেতরের অংশ—এক প্রায় কালো ভিত্তি যার ওপর বাকি সবকিছু ভেসে থাকে। - Steel Plate
#2f343e— উঁচু পৃষ্ঠতল, ফ্যান্টম/সেকেন্ডারি অ্যাকশন বাটন, বিচক্ষণ প্যানেল ব্যাকিং। - Fog Veil
#9da7ba— মূল লেখাটি, অর্থাৎ কার্ডের লেখাটি, পাঠযোগ্য হলেও শিরোনামগুলোর তুলনায় তা আড়ালে পড়ে গেছে। - Moon Mist
#c7d3ea— মূল পাঠ্য, অতিরিক্ত লেবেল, নীরব সহায়ক পাঠ্য - Frost Glow
#d1e4fa— বডি ও লিঙ্ক টেক্সট, আইকন টেক্সট এবং আইকন ফিলের প্রাথমিক ফিল কালার হলো ডিফল্ট উজ্জ্বল ফোরগ্রাউন্ড। - Ice Highlight
#d8ecf8— গাঢ় পৃষ্ঠতলে হালকা রঙের লেখা, উল্টানো লেবেল এবং উচ্চ-কন্ট্রাস্টের শিরোনাম। এটিকে কল টু অ্যাকশনের জন্য প্রাথমিক রঙ হিসেবে ব্যবহার করবেন না; AuthKit লোগো এবং মূল শিরোনামগুলিতে একটি হেডলাইন গ্রেডিয়েন্ট—উপর থেকে নিচে হালকা নীল থেকে নরম নীলের একটি মসৃণ রূপান্তর—ব্যবহার করা হয়।
টাইপোগ্রাফি
১২ থেকে ৪৮ পিক্সেল · ৮টি ধাপ
- Untitled Sans — প্রতিস্থাপন: Inter · রূপরেখা 400, 500, 600, 700 · মূল লেখা, ইউজার ইন্টারফেস, বাটন, ইনপুট ফিল্ড, আইকন, ছোট শিরোনাম – কার্যকরী সবকিছুর জন্য একটি সর্বজনীন ফন্ট।
- aeonikPro — প্রতিস্থাপন: Space Grotesk · রূপরেখা 400, 500 · শুধুমাত্র শিরোনামগুলো—অর্থাৎ AuthKit ব্র্যান্ডিং, সেকশনের শিরোনাম এবং মূল লেখা—প্রদর্শন করলে, ৪৪-৪৮ পিক্সেল রেজোলিউশনে ৫০০-পয়েন্ট ফন্ট ব্যবহার করলে ব্র্যান্ডিংটি একটি জমকালো আড়ম্বরের পরিবর্তে প্রশস্ত ও সংযত একটি রূপ পায়।
- dotDigital — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400 · সম্পূর্ণ বড় হাতের অক্ষরে লেখা ("Introducing," "Expandable Design," "Shine Bright") - ০.১০em স্পেসিং সহ মনোস্পেসড সম্পূর্ণ বড় হাতের অক্ষরে লেখা এই টেক্সট মূল লেখা এবং শিরোনামের মধ্যে সূক্ষ্ম বিভাজক হিসেবে কাজ করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 16px |
| বোতামের ব্যাসার্ধ | 999px |
| কার্ডের ব্যাসার্ধ | 16px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 120px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Authkit স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Resend — বেগুনি নিয়ন রঙের কালো মখমল
- Gsap — একটি ডিজাইন স্টুডিওর অ্যানিমেটেড হোয়াইটবোর্ড। প্রায় কালো একটি দেয়াল, উষ্ণ ক্রিম রঙের চক এবং পাঁচটি রঙিন মার্কার—অ্যানিমেশনের প্রতিটি শাখার জন্য একটি করে।
- Slash — সোনালি খাতা সহ মধ্যরাতের ভল্ট
- Raycast — মিডনাইট কমান্ড সেন্টার, কোরাল নিয়ন
- Dimension — ফ্রস্টেড গ্লাস প্যানেল সহ একটি গোধূলি-আলোকিত ওয়ার্কস্টেশন
- Modal — একটি অন্ধকার সার্ভার রুমে থাকা ফসফোরেসেন্ট টার্মিনাল — যার একমাত্র আলোর উৎস হলো উজ্জ্বল সবুজ রঙ।
- Reflect Notes — তারকাখচিত বেগুনি মহাকাশ হলো এক অন্ধকার মানমন্দির, যেখানে প্রায় কালো নীল শূন্যতার পটভূমিতে সুর ভেসে বেড়ায় নক্ষত্রপুঞ্জের মতো।
- LaunchDarkly — নিয়ন আলোয় আলোকিত কন্ট্রোল রুমটি একটি অন্ধকার ককপিট, যেখানে কুচকুচে কালো প্যানেলের মধ্য দিয়ে বেগুনি সংকেত স্পন্দিত হয়।
- Ameba — মধ্যরাতে কন্ট্রোল রুম – হিমায়িত কাচের প্যানেলের ভেতরে এক বৈদ্যুতিক নীল স্পন্দন।
- AgentQL — রাতে টার্মিনালের উপর উত্তর আলো
- Neon — অন্ধকার নামার পর একটি সার্ভার রুম। নিরেট অন্ধকার, যেখানে একমাত্র আলো আসে ডেটা এবং ব্যবহারকারীর কার্যকলাপ থেকে।
- N8n — মধ্যরাতে ওয়ার্কফ্লো ইঞ্জিন – একটি অন্ধকার সার্ভার রুমে স্ট্যাটাস ইন্ডিকেটর এবং ডেটা স্ট্রিম দ্বারা আলোকিত একটি রিয়েল-টাইম অটোমেশন ক্যানভাসের অনুভূতি।