
Auros
জৈব-আলোকিত ডেটা বল সহ অতল টার্মিনাল
অরোস একটি ফিনটেক টার্মিনাল হিসেবে কাজ করে যা অতল গহ্বরে স্থাপিত: এটি প্রায়-কালো ফিরোজা রঙের একটি ক্যানভাস, যেখানে রয়েছে বায়োলুমিনেসেন্ট ডেটা অর্ব এবং ফিরোজা থেকে গোলাপী রঙের আলোর গ্রেডিয়েন্ট, যা গভীরতা, সাবলীলতা এবং প্রবাহের অনুভূতি তৈরি করে। এর ইন্টারফেসটি মিনিমালিস্ট এবং সিনেম্যাটিক, যা মাঝারি পুরুত্বের একটিমাত্র ইউজার ডিসপ্লে (ম্যাটার)-এর উপর নির্ভর করে। এতে অতিরিক্ত চটকদার না হয়েও স্কেল তৈরি করার জন্য শক্তিশালী নেগেটিভ ট্র্যাকিং ব্যবহার করা হয়েছে। রঙগুলো সুষমভাবে বণ্টিত—প্রায় সমস্ত কন্টেন্টের জন্য বর্ণহীন সাদা এবং রূপালী রঙ ব্যবহার করা হয়েছে, যেখানে রঙিন প্যালেটটি বায়ুমণ্ডলীয় গ্রেডিয়েন্ট, কার্ডের পৃষ্ঠতলকে আলাদা করা এবং একটিমাত্র সিগনেচার পিল-আকৃতির বাটনের জন্য সংরক্ষিত, যা ফিরোজা-নীল থেকে ল্যাভেন্ডার-গোলাপী রঙে পরিবর্তিত হয়। কার্ডগুলো উচ্চতার পরিবর্তে সূক্ষ্ম ফিরোজা পৃষ্ঠের খাঁজের (১৬ পিক্সেল ব্যাসার্ধ, কোনো ছায়া নেই) উপর ভাসে, ফলে স্তরবিন্যাসকে কাগজের ছায়ার পরিবর্তে জলের গভীরতা হিসেবে উপলব্ধি করা যায়। এর উপাদানগুলো সুচিন্তিত এবং যন্ত্রের মতো দেখতে: বড় হাতের অক্ষরে ট্র্যাকিং চিহ্ন, পাতলা জ্যামিতিক তীরের আইকন, এবং হালকা গোলাপী রঙের বড় সাংখ্যিক রিডআউট।
একটি গাঢ়, সম্পূর্ণ প্রস্থের ক্যানভাস যার কন্টেন্টের সর্বোচ্চ প্রস্থ ১৪৪০ পিক্সেল। মূল উপাদানটি হলো একটি কেন্দ্র-সারিবদ্ধ টেক্সট ব্লক (ব্রাউ → হেডলাইন → সাবটেক্সট → কল টু অ্যাকশন) যা সম্পূর্ণ ভিউপোর্টের উচ্চতা জুড়ে বিস্তৃত, এবং এর ব্যাকগ্রাউন্ড উপাদান হিসেবে একটি পার্টিকেল রয়েছে। সেকশনগুলো হলো সম্পূর্ণ প্রস্থের স্ট্রিপ যা ৬৮ পিক্সেলের বেশি বড় উল্লম্ব ফাঁকা স্থান দ্বারা বিভক্ত, এবং এগুলো ক্যানভাস ও সামান্য ভেতরের দিকে চাপা পৃষ্ঠের মধ্যে পর্যায়ক্রমে সাজানো। "এক্সপ্লোর" সেকশনটি একটি অপ্রতিসম দুই-কলামের লেআউট ব্যবহার করে: বাম কলামে একটির উপর আরেকটি সাজানো ফিচার কার্ড রয়েছে, আর ডান কলামে একটি জ্যামিতিক আণবিক চিত্র রয়েছে। সহজে পড়ার সুবিধার জন্য কন্টেন্টকে এক প্রান্ত থেকে অন্য প্রান্ত পর্যন্ত বিস্তৃত না করে সরু কলামে (সর্বোচ্চ ~৬০০ পিক্সেল) কেন্দ্র করে সাজানো হয়েছে। ফুটারটি হলো একটি ভেতরের দিকে চাপা গর্ত (#011d1c) যার ১২০ পিক্সেলের উল্লম্ব মার্জিন রয়েছে, যা একটি গভীর পুকুরের আবহ তৈরি করে। নেভিগেশনটি একটি পাতলা, স্বচ্ছ প্যানেল যার উপাদানগুলো ১৬-২৪ পিক্সেল দূরত্বে সাজানো। সামগ্রিক ছন্দটি চলচ্চিত্রীয় ও বিস্তৃত—প্রতিটি অংশ যেন শ্বাস নেয়, এবং গভীর, জলসদৃশ রঙের বিন্যাস প্রতিটি পরিক্রমায় আরও গভীরে তলিয়ে যাওয়ার অনুভূতি সৃষ্টি করে।
এর ভিজ্যুয়াল শৈলীটি ন্যূনতম এবং আবহপূর্ণ। হোমপেজে একটি ত্রিমাত্রিক কণা গোলক রয়েছে—হাজার হাজার ক্ষুদ্র ফিরোজা-নীল ও সাদা বিন্দু দিয়ে তৈরি একটি ঘূর্ণায়মান গোলক যা ক্যানভাসের প্রতিধ্বনি করে এবং এর কিনারা বরাবর ল্যাভেন্ডার-গোলাপি রঙের ছোঁয়া একটি বায়োলুমিনেসেন্ট প্রভাব সৃষ্টি করে, যা একটি তথ্য বস্তুর কথা মনে করিয়ে দেয়। ডানদিকের কলামে আলংকারিক উপাদান হিসেবে সমতল জ্যামিতিক আণবিক চিত্র (একটি গাঢ় ক্যানভাসের উপর সাদা বৃত্ত এবং পাতলা সংযোগকারী রেখা) ব্যবহৃত হয়েছে। কোনো ছবি নেই, কোনো লাইফস্টাইল চিত্র নেই, কোনো মানুষ নেই—এর ভিজ্যুয়াল ভাষাটি পরিচ্ছন্ন ডেটা গ্রাফিক্স এবং বিমূর্ত আকারের উপর ভিত্তি করে তৈরি। এই কণা গোলকটি ব্র্যান্ড পরিচয়ের প্রধান ভিজ্যুয়াল উপাদান; গভীর সমুদ্রের রূপকটিকে আরও জোরালো করতে প্রতিটি গুরুত্বপূর্ণ পৃষ্ঠায় এটিকে অন্তত একবার অবশ্যই দেখাতে হবে।
প্যালেট
ব্র্যান্ড
- Liquid Abyss
#012624— মূল ব্যাকগ্রাউন্ড হলো পেজের ভিত্তি, হেডার, প্রধান উপাদান এবং প্রভাবশালী গাঢ় ফিরোজা ক্ষেত্র। এটি একটি গভীর সমুদ্রের আবহ তৈরি করে। - Liquid Deep
#011d1c— অবতল পৃষ্ঠতলটি হলো ফুটারের পটভূমি এবং গভীরতর কার্ডবোর্ডের প্যানেলগুলো। এটিকে ক্যানভাসের চেয়ে অর্ধ-স্বর গাঢ় বলে মনে হয়, যা গভীরতার একটি সূক্ষ্ম নিম্নগামী ক্রম তৈরি করে। - Liquid Kelp
#003734— উঁচু কার্ড পৃষ্ঠ এবং বাটন ফিল—একটি উঁচু পৃষ্ঠ যা মধ্যবর্তী স্তরের এক ধাপ উপরে অবস্থিত। এটি ফিচার কার্ড, কন্টেন্ট প্যানেল এবং গ্রেডিয়েন্ট বাটনের সূচনা বিন্দু হিসেবে ব্যবহৃত হয়।
নিরপেক্ষ
- Liquid Mist
#edfffe— সাদা রঙের একটি শীতল আভা মূল লেখা, অধ্যায়ের শিরোনাম এবং উষ্ণ ও হালকা টাইপোগ্রাফিকে ফুটিয়ে তোলে। একটি সূক্ষ্ম নীল আভা মূল লেখাটিকে ফিরোজা রঙের বিন্যাসের সাথে সংযুক্ত করে। - Platinum
#ffffff— শিরোনাম, নেভিগেশন উপাদান, আইকনের রূপরেখা এবং উচ্চ-কন্ট্রাস্ট টেক্সটের জন্য বিশুদ্ধ সাদা রঙ ব্যবহার করা হয়। এটি সকল শিরোনাম স্তর এবং প্রাথমিক নেভিগেশনের প্রধান টেক্সট রঙ। - Silver Mist
#bbc7c6— সহায়ক লেখা, অনুজ্জ্বল বিবরণ এবং লিঙ্কের রঙ তাদের মূল অবস্থায় রয়েছে। এগুলোতে হালকা সবুজাভ আভা আছে, যা ফিরোজা পটভূমির সাথে মানানসই। - Ash
#f2f2f2— উদ্ধৃতি এবং পর্যালোচনার জন্য অতিরিক্ত লেখা। একটি নিরপেক্ষ, শীতল ধূসর শেড, যা সিলভার মিস্ট-এর ফিরোজা আভা খুব বেশি উজ্জ্বল মনে হলে ব্যবহার করা যায়। - Slate Deep
#707777— নিষ্ক্রিয় বা স্বল্প-দৃশ্যমান পটভূমির জন্য একটি সূক্ষ্ম পৃষ্ঠীয় আভা। এটি ক্যানভাস এবং কার্ডবোর্ডের মাঝে থাকে, যা উচ্চতার একটি অত্যন্ত সূক্ষ্ম পার্থক্য তৈরি করে। - Lavender Phosphor
#fde9ff— বড় পরিসংখ্যান, কাউন্টার সংখ্যা এবং গুরুত্বপূর্ণ মেট্রিক্সের জন্য ব্যাকলাইটের রঙ। সিগনেচার গ্রেডিয়েন্টের গোলাপী আভাটি গাঢ় পৃষ্ঠতলে একটি উজ্জ্বল অ্যাকসেন্ট হিসাবে অল্প পরিমাণে ব্যবহৃত হয়।
টাইপোগ্রাফি
১০ থেকে ৯৬ পিক্সেল · ৬টি ধাপ
- Matter — প্রতিস্থাপন: Inter · রূপরেখা 400, 500 · হেডিং এবং বডি কপির জন্য ব্যবহৃত প্রধান ফন্টটির ওয়েট হলো ৫০০, যা সমস্ত হেডিং (H1–H3) এবং বড় কাইনেটিক টেক্সটের (৮৬–২৯৫ পিক্সেল) জন্য ব্যবহৃত হয়। বডি কপি এবং UI টেক্সটের জন্য ৪০০ ওয়েট ব্যবহার করা হয়। এর একটি বৈশিষ্ট্য হলো বড় সাইজে অ্যাগ্রেসিভ নেগেটিভ লেটার স্পেসিং (-০.০৪em ৬১ পিক্সেলে, -০.০৪৬em ৮৬ পিক্সেলে) এবং টাইটেল ক্যাপে প্রশস্ত পজিটিভ লেটার স্পেসিং (০.০৮em ২০ পিক্সেলে, ০.১২em ১২ পিক্সেলে, ০.১৫em ১০ পিক্সেলে)। হেডিংয়ের জন্য শুধুমাত্র মাঝারি ওয়েট ব্যবহার করার কৌশলটি এর একটি স্বতন্ত্র বৈশিষ্ট্য—কোনো বোল্ড বা লাইট ফন্ট ব্যবহার করা হয়নি—যা ফন্টটিকে একটি অভিন্ন ও যান্ত্রিক দৃঢ়তা প্রদান করে।
- Arial — প্রতিস্থাপন: system-ui · রূপরেখা 400 · ইন্টারেক্টিভ UI এলিমেন্টগুলোর (নেভিগেশন, বাটন, হেডার মাইক্রোকপি, ফুটার) জন্য একটি সেকেন্ডারি ফলব্যাক। এটি শুধুমাত্র ১৪ পিক্সেল আকারে প্রদর্শিত হয় – যখন ম্যাটার (Matter) লোড হয় না, তখন এটি একটি নিরাপদ ও সার্বজনীন ফলব্যাক হিসেবে ব্যবহৃত হয় এবং ফর্ম লেবেল, বাটনের টেক্সট ও ছোট হেল্পার টেক্সটকে কভার করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 20px |
| বোতামের ব্যাসার্ধ | 6px |
| কার্ডের ব্যাসার্ধ | 16px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 68px |
| পৃষ্ঠার প্রস্থ | 1440px |
এআই আপনার ওয়েবসাইটটি Auros স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Linearity — একটি উজ্জ্বল স্টুডিও কনসোল। ঝকঝকে সাদা ইন্টারফেস, ক্রোম অ্যাকসেন্ট এবং মাঝে মাঝে গলিত কমলা রঙের ছোঁয়াযুক্ত মিনিমালিস্ট কালো ওয়ার্কস্পেস দিয়ে স্ক্রিন তৈরি করুন।
- Design Full-Time — একটি উষ্ণ স্পটলাইট সহ একটি স্টুডিও সিনেমা
- Graphite — আলোকিত প্রান্ত গ্রিড। সুনির্দিষ্ট সাদা টাইপোগ্রাফিক চিহ্ন এবং মাঝে মাঝে বর্ণালী আলোর ঝলকানির চারপাশে গাঢ়, বর্ডারযুক্ত পণ্যের পৃষ্ঠতল তৈরি করুন।
- Featurebase — বেগুনি আলোয় আলোকিত একটি কনসোল। কল্পনা করুন, প্রতিটি পাতা একটি অন্ধকার, শান্ত মঞ্চ, যার নিচের প্রান্ত থেকে পণ্যটির জন্য একটি উজ্জ্বল কর্মক্ষেত্র বেরিয়ে আসছে।
- BAM Photographers — মধ্যরাতের পর একটি গ্যালারি প্রজেকশন। কালো ক্যানভাস, বড় করে দেখানো সাদা অক্ষর এবং সিনেমার মতো জোড়া জোড়া ছবি মিলে এমন এক অনুভূতি তৈরি করে যে, ওয়েবসাইটটি একটি গতানুগতিক সম্পাদকীয় গ্রিডের চেয়ে বরং একটি প্রজেকশন পোর্টফোলিওর মতো।
- Nuxt — গভীর মহাকাশে টার্মিনালের আভা। অন্ধকার, বদ্ধ ইন্টারফেস প্লেন তৈরি করুন যেখানে নীল-কালো পৃষ্ঠের বিপরীতে সবুজ একটি চালিত সংকেত হিসাবে প্রদর্শিত হয়।
- AZAK — গোধূলি বেলায় একটি অভিযাত্রী যান। পৃষ্ঠাক্রমটি সংক্ষিপ্ত প্রযুক্তিগত বিবরণ নিয়ে গঠিত: একটি কালো ক্ষেত্র, প্রযুক্তিগত নির্দিষ্টকরণের একটি হালকা পাতা, এবং তারপরে একটি দৃশ্যমান চালনা ব্যবস্থা।
- Air — ভাস্কর্য "কাঁচের মধ্য দিয়ে মধ্যরাতের আকাশ"
- Slash — সোনালি খাতা সহ মধ্যরাতের ভল্ট
- Raycast — মিডনাইট কমান্ড সেন্টার, কোরাল নিয়ন
- Dimension — ফ্রস্টেড গ্লাস প্যানেল সহ একটি গোধূলি-আলোকিত ওয়ার্কস্টেশন
- Modal — একটি অন্ধকার সার্ভার রুমে থাকা ফসফোরেসেন্ট টার্মিনাল — যার একমাত্র আলোর উৎস হলো উজ্জ্বল সবুজ রঙ।