
Mercury
গোধূলি বেলায় আলপাইন তীরভূমি
মার্কারি একটি আলপাইন ব্যাংকিং নান্দনিকতার আবহে পরিচালিত হয়: একটি প্রায়-কালো ক্যানভাস (#171721) একটি সিনেমাটিক, অবজারভেটরির মতো পরিবেশ তৈরি করে, যেখানে কন্টেন্টগুলো হালকা গ্রাফাইট কার্ডের মতো ভেসে থাকে। ইন্টারফেসটি প্রধানত মনোক্রোম—অনিক্স রঙের উপর আইভরি রঙের লেখা, সাথে একটিমাত্র উজ্জ্বল কোবাল্ট (#5266eb) এলিমেন্ট যা শুধুমাত্র মূল "ওপেন অ্যাকাউন্ট" অপারেশনের জন্য ব্যবহৃত হয়। টাইপোগ্রাফিই প্রধান অভিব্যক্তি বহন করে: একটি ৪৮০ কাস্টম ডিসপ্লে ফন্ট (যা বোল্ড বা লাইট কোনোটিই নয়) এবং একটি ৪০০ বডি ফন্টের সমন্বয়ে একটি আত্মবিশ্বাসী কিন্তু কখনোই দৃষ্টিকটু নয় এমন শৈলী তৈরি হয়। কম্পোনেন্টগুলো ফ্ল্যাট এবং ফ্রেমবিহীন, যা ছায়ার পরিবর্তে কাঠামো নির্ধারণের জন্য ১২ পিক্সেলের গ্রাফাইট কার্ড রেডিয়াস এবং ক্যাপসুল-আকৃতির কন্ট্রোলের উপর নির্ভর করে। মূল ছবির এলিমেন্টটি, যা পৃষ্ঠার পুরো পৃষ্ঠ জুড়ে থাকে—একটি নিঃসঙ্গ টেবিলের বিপরীতে কুয়াশাচ্ছন্ন পাহাড়—ইউজার ইন্টারফেস চালু হওয়ার আগেই আবহ তৈরি করে দেয়, এবং এর পরবর্তী প্রতিটি এলিমেন্ট সেই শান্ত, প্রিমিয়াম অন্ধকার বজায় রাখে।
সমস্ত কন্টেন্ট একটি ডার্ক, ফুল-উইডথ স্টাইলে ডিজাইন করা হয়েছে। মূল স্ক্রিনটি হলো একটি ১০০ পিক্সেলের ফুল-উইডথ ছবি, যার কেন্দ্রে একটি হেডলাইন, সাবটেক্সট এবং ইমেইল যোগাযোগের তথ্য সংগ্রহের জন্য একটি ফর্ম ব্লক (সর্বোচ্চ প্রস্থ ~৬৪০ পিক্সেল) রয়েছে। মূল স্ক্রিনের নিচে, কন্টেন্টগুলো বিভিন্ন সেকশনে সাজানো হয়েছে, যার সর্বোচ্চ প্রস্থ ১২০০ পিক্সেল এবং ৭২ পিক্সেলের ভার্টিকাল মার্জিন রয়েছে। এখানে পর্যায়ক্রমে বাম দিকে টেক্সট ও ডান দিকে ছবির দুই-কলাম লেআউট এবং তিন-কলামের প্রোডাক্ট ডেসক্রিপশন কার্ড রয়েছে। নেভিগেশনটি হলো মূল স্ক্রিনের উপর বসানো একটি স্বচ্ছ টপ বার, যা স্ক্রল করার সাথে সাথে ফ্রস্টেড গ্লাসের মতো একটি গাঢ় ফিলে (ব্যাকগ্রাউন্ড ব্লার) রূপান্তরিত হয়। ফুটারটি ডার্ক এবং এতে নোট টেক্সট রয়েছে। এর ভার্টিকাল রিদমটি বেশ প্রশস্ত—সেকশনগুলোর মধ্যে যথেষ্ট ফাঁকা জায়গা রেখে একটি প্রশস্ত ঘনত্ব তৈরি করা হয়েছে। কোনো সাইড নেভিগেশন নেই; সমস্ত নেভিগেশন টপ বারে অবস্থিত।
মূল অংশটিতে প্রাধান্য পেয়েছে পূর্ণ-প্রস্থের সিনেম্যাটিক ছবি—আবহপূর্ণ, অনুপ্রেরণাদায়ক প্রাকৃতিক দৃশ্য (কুয়াশাচ্ছন্ন পাহাড়, প্রকৃতির মাঝে নির্জন কর্মক্ষেত্র)—যা ব্যাংকিংকে একটি মননশীল, মহিমান্বিত অভিজ্ঞতা হিসেবে তুলে ধরে। ছবিগুলো উচ্চ-মানের, কিছুটা অনুজ্জ্বল, শীতল টোনের এবং লেখার পঠনযোগ্যতা বজায় রাখার জন্য একটি সূক্ষ্ম গাঢ় আস্তরণযুক্ত। মূল অংশের নিচে, ছবিগুলোর সাথে পর্যায়ক্রমে পণ্যটির ইউজার ইন্টারফেসের স্ক্রিনশট এবং বিমূর্ত, আবহপূর্ণ পটভূমি রয়েছে। এখানে কোনো ইলাস্ট্রেশন বা শিল্পকর্মের মতো দেখতে কোনো আইকন নেই—দৃশ্যমান উপাদানগুলো হয় আলোকচিত্র অথবা সম্পূর্ণরূপে কার্যকরী। পুরো ইউজার ইন্টারফেস জুড়ে আইকনের শৈলীটি হলো একটি মিনিমালিস্ট, আইভরি-রঙের লাইন/গ্লিফ শৈলী, যা নেভিগেশন, বাটন এবং ফর্মের উপাদানগুলোতে ব্যবহৃত হয়েছে।
প্যালেট
ব্র্যান্ড
- Cobalt
#5266eb— বেগুনি রঙ ব্যবহার করা হয় ফিল্ড বাটন, নির্বাচিত নেভিগেশন স্টেট এবং ফোকাস-চালিত কনভার্সন মুহূর্তের জন্য।
নিরপেক্ষ
- Onyx Canvas
#171721— মূল পৃষ্ঠার পটভূমি, হোম স্ক্রিনের জন্য সাধারণ ওভারলে, ফুটার এবং বিভিন্ন বিভাগের জন্য ক্যানভাস। - Graphite Card
#1e1e2a— কার্ডবোর্ড ও সেকশনগুলোর উঁচু পৃষ্ঠতলগুলো ক্যানভাসের চেয়ে এক ধাপ হালকা, যা একটি মসৃণ বিভাজন তৈরি করে। - Obsidian Button
#272735— অতিরিক্ত বাটন ফিল, এমবেডেড ফর্ম ব্যাকগ্রাউন্ড, বাধাহীন ইন্টারেক্টিভ সারফেস। - Slate Border
#70707d— কন্টেন্ট ব্লকগুলোর মধ্যে মাঝারি পুরুত্বের বিভাজক এবং কাঠামোগত সীমানা। - Mist Border
#e2e3ed— পাতলা, প্রায় অদৃশ্য বর্ডার, প্রায় অদৃশ্য বাটনের রূপরেখা, ইনপুট ফিল্ডের কিনারা — গাঢ় পটভূমিতে একটি হালকা বর্ডার। - Ash Text
#c3c3cc— মূল লেখা, সহায়ক লেখা, অতিরিক্ত লেবেল — পাঠযোগ্যতা অক্ষুণ্ণ রেখে সরলীকৃত স্তরবিন্যাস।
টাইপোগ্রাফি
১২ থেকে ৬৫ পিক্সেল · ৯টি ধাপ
- arcadia — প্রতিস্থাপন: Inter · রূপরেখা 360, 400, 420, 480 · মূল এবং ইউজার ইন্টারফেস - নেভিগেশন, মূল লেখা, বাটন, ইনপুট ফিল্ড, লেবেল এবং সহায়ক লেখার জন্য একটি ফন্ট, যেখানে মূল লেখার জন্য ওয়েট ৪০০ এবং বিশেষ অংশের জন্য ৪৮০। স্ট্যান্ডার্ড (৩০০/৪০০/৬০০) ওয়েট স্কেলের পরিবর্তে মধ্যবর্তী ওয়েট স্কেল (৩৬০, ৪২০, ৪৮০) মার্কারি টেক্সটকে একটি স্বতন্ত্র ভারসাম্যপূর্ণ চেহারা দেয়—কখনোই মোটা নয়, কখনোই পাতলা নয়, বরং সর্বদা পরিমিত।
- arcadiaDisplay — প্রতিস্থাপন: Söhne Breit · রূপরেখা 360, 480, 530 · শিরোনাম এবং আলংকারিক উপাদানের জন্য ব্যবহৃত ফন্টের ৪৮০ ওয়েট ২৮ পিক্সেল থেকে ৬৫ পিক্সেল পর্যন্ত সকল আকারের শিরোনামে ব্যবহার করা হয়, যেখানে ৫৩০ ওয়েটটি সবচেয়ে বড় আলংকারিক উপাদানগুলোর জন্য সংরক্ষিত থাকে। কম লাইন হাইট (১.১–১.২) এবং পজিটিভ লেটার স্পেসিং (০.০১–০.০২em) আলংকারিক লেখাকে সম্পাদকীয় লেখার সংকুচিত কাঠামোর পরিবর্তে একটি প্রশস্ত ও স্থাপত্যিক রূপ দেয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 12px |
| বোতামের ব্যাসার্ধ | 32px |
| কার্ডের ব্যাসার্ধ | 12px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 72px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Mercury স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Origin Financial — নিস্তব্ধ ঐশ্বর্যের এক মধ্যরাতের গ্যালারি। একটি শান্ত, প্রায় অন্ধকার ঘর, যেখানে বড় সেরিফ ফন্ট এবং কয়েকটি আলোকিত রঙিন প্যানেল এমন অনুভূতি তৈরি করে যে, অর্থব্যবস্থা যেন যত্নসহকারে সাজানো এক শিল্পকর্ম।
- Air — ভাস্কর্য "কাঁচের মধ্য দিয়ে মধ্যরাতের আকাশ"
- Slash — সোনালি খাতা সহ মধ্যরাতের ভল্ট
- dope.security — বেগুনি বীকন সহ মধ্যরাতের টার্মিনাল
- Modal — একটি অন্ধকার সার্ভার রুমে থাকা ফসফোরেসেন্ট টার্মিনাল — যার একমাত্র আলোর উৎস হলো উজ্জ্বল সবুজ রঙ।
- Giga — হিমায়িত অবসিডিয়ানের উপর মধ্যরাতের দিগন্ত
- Dovetail — মধ্যরাতে ব্লুপ্রিন্ট কন্ট্রোল সেন্টার
- Dovetail — কালো চাঁদের নিচে একটি নকশা—প্রায় অদৃশ্য গ্রাফের রেখা, সাদা হরফ, একটি বেগুনি আভা।
- AgentQL — রাতে টার্মিনালের উপর উত্তর আলো
- Supabase — মধ্যরাতে একটি কোড এডিটর, হাতে ফসফোরেসেন্ট সবুজ বিন্দু—কয়লার ধূলিকণার সাগরে একটিমাত্র বর্ণিল স্পন্দন।
- Changelog — কালো কাঁচের পিছনে পর্যবেক্ষণাগারের কনসোল
- GitHub — জৈব-আলোকীয় নিয়ন্ত্রণ বিন্দুসহ একটি মহাকাশ কমান্ড প্যানেল—একটি অন্ধকার, রহস্যময় কর্মক্ষেত্র যেখানে একটিমাত্র সবুজ আভা সামনের পথ নির্দেশ করে।