
Column
শীতল ভোরের আলোয় একটি গাঢ় নীল খাতা
কলাম পেজটিতে প্রায়-সাদা পটভূমিতে একটি গভীর, প্রাতিষ্ঠানিক নেভি ব্লু রঙ ব্যবহার করা হয়েছে: পেজটিকে প্রথমে একটি শক্তিশালী ব্যাংকিং পণ্যের সারফেস এবং দ্বিতীয়ত ডেভেলপারদের খেলার মাঠের মতো মনে হয়। ব্র্যান্ডের রঙটি কোনো একটি একক রঙ নয়, বরং একটি সমন্বিত জোড়া—গভীর কাঠামোর জন্য নেভি ব্লু #111a4a, ডেটা এবং কোডের জন্য মিন্ট গ্রিন #44b48b—এবং ব্রেক্স কার্ডের মতো তীব্র অ্যাকসেন্ট সারফেসের জন্য একটি উষ্ণ কমলা (#ec652b) রঙ সংরক্ষিত রাখা হয়েছে। টাইপোগ্রাফিতে সুইসইন্টল (SuisseIntl) প্রাধান্য পেয়েছে, যা একটি জ্যামিতিক স্যান্স সেরিফ ফন্ট এবং এটি ৩০০ (লিঙ্ক) থেকে ৬০০ (ডিসপ্লে) পর্যন্ত সম্পূর্ণ ওয়েট রেঞ্জে ব্যবহৃত হয়েছে, যা সিস্টেমটিকে একটি পরিশীলিত, সম্পাদকীয় শৈলী দিয়েছে যা বেশিরভাগ ফিনটেক কোম্পানির মধ্যে নেই। কার্ডগুলো বড় সাদা সারফেসের উপর হালকা, স্তরযুক্ত ছায়া সহ ভাসমান থাকে; বেশিরভাগ ইন্টারফেস উপাদানই সমতল, গভীরতা কেবল সেখানেই দেখা যায় যেখানে কার্ডটিকে একটি বাস্তব বস্তু বলে মনে হওয়া উচিত (লেনদেন উইজেট, পণ্যের মকআপ)। কোড এবং আর্থিক ডেটা একরঙা, সিফোম-রঙে উপস্থাপন করা হয়েছে—এটি একটি চাক্ষুষ সংকেত যে এটি প্রকৌশলীদের দ্বারা প্রকৌশলীদের জন্য নির্মিত একটি ব্যাংক।
পৃষ্ঠার কাঠামোটি সম্পূর্ণ প্রস্থ জুড়ে বিস্তৃত, মাঝখানে অবস্থিত এবং এর দুই পাশে চওড়া মার্জিন রয়েছে (ডেস্কটপে ৬৪–১৫ সেমি)। মূল স্ক্রিনটি একটি স্প্লিট লেআউট: শিরোনাম এবং কল টু অ্যাকশন বাম দিকে ২৫ সেমি দূরত্বে সারিবদ্ধ থাকে, অন্যদিকে একটি ভাসমান লেনদেন উইজেট ডানদিকে ৫৫ সেমি দূরত্বে একটি হাফটোন ম্যাপ ব্যাকগ্রাউন্ডের বিপরীতে স্থাপন করা হয়। মূল স্ক্রিনের নিচে, সেকশনগুলো পর্যায়ক্রমে সাদা (৪ সেমি) এবং হালকা ক্যানভাস (৫ সেমি) রঙের হয় এবং এর মাঝে ৬ সেমি উল্লম্ব গাটার থাকে। বিষয়বস্তু একটি একক ৬-কলাম গ্রিড অনুযায়ী সাজানো থাকে: টেক্সট ব্লকগুলো ৪টি কলাম (৭ সেমি) জুড়ে থাকে, এবং ছবি/পণ্যের কার্ডগুলো গ্রিড থেকে ইচ্ছাকৃতভাবে কিছুটা অফসেট করে ৫–৬টি কলামে থাকে। বৈশিষ্ট্য বর্ণনাকারী সেকশনগুলোতে একটি ২-কলাম লেআউট ব্যবহার করা হয়: বাম দিকে লেখা এবং ডান দিকে পণ্য। ট্রাস্ট স্ট্যাটিস্টিকস সেকশনটি পৃষ্ঠার সম্পূর্ণ প্রস্থ জুড়ে একটি ৪-কলাম গ্রিডে বিভক্ত। গ্রাহকের লোগোগুলো ৪৮ পিক্সেল গাটারসহ একটি একক মাঝখানের সারিতে অবস্থিত। ফুটারটি একটি কম্প্যাক্ট দুই-কলাম লেআউটে সাজানো। নেভিগেশনটি হলো মূল স্ক্রিনের উপরে একটি স্থির, ৬২ পিক্সেল-উচ্চতার, স্বচ্ছ টপ বার, যার ব্যাকগ্রাউন্ডটি ঝাপসা এবং স্ক্রল করার সাথে সাথে তা ধীরে ধীরে সাদা হয়ে যায়। এখানে কোনো সাইডবার বা মেগা-মেনু নেই—ড্রপডাউনগুলো হলো সাধারণ তীর-চিহ্ন আকৃতির মেনু।
ভিজ্যুয়াল স্টাইলটি মিনিমালিস্ট এবং কার্যকরী—কলাম স্টক ফটোগ্রাফি পুরোপুরি পরিহার করে। ভিজ্যুয়াল ল্যাঙ্গুয়েজটি তিনটি উৎসের উপর ভিত্তি করে নির্মিত: (১) SVG ডেটা ইলাস্ট্রেশন, বিশেষত একটি ডটেড হাফটোন বিশ্ব মানচিত্র, যা ইন্ডিগো থেকে কমলা হয়ে ফিরোজা রঙের গ্রেডিয়েন্ট দিয়ে রেন্ডার করা হয়েছে, যা মূল এলিমেন্টের পিছনে একটি বৈশ্বিক আবহ তৈরি করে; (২) প্রোডাক্ট কার্ড লেআউট—ভাসমান উইজেট যা নাটকীয় ছায়াসহ সাদা কার্ডে অ্যাকাউন্ট ব্যালেন্স, ট্রান্সফারের বিবরণ এবং JSON কোড স্নিপেট প্রদর্শন করে; (৩) চার্ট ভিজ্যুয়ালাইজেশন—ট্রাস্ট/পরিসংখ্যান বিভাগে ব্যবহৃত পাতলা সংযোগকারী রেখা সহ ফিরোজা রঙের ক্যান্ডেলস্টিক বা বার চার্ট। হাফটোন মানচিত্রটি একটি সিগনেচার ভিজ্যুয়াল এলিমেন্ট—এর গ্রেডিয়েন্ট #d65620 (কমলা) থেকে ভায়োলেট, নীল, অ্যাজুর, ফিরোজা এবং হলুদ রঙের মধ্য দিয়ে পরিবর্তিত হয়ে একটি বর্ণালী তৈরি করে, যা একটি একক আলংকারিক পৃষ্ঠে পুরো ব্র্যান্ডের প্যালেটকে একত্রিত করে। #232730 বা #a9acb6 ভ্যারিয়েন্টগুলিতে আইকনগুলির আউটলাইনের পুরুত্ব ১.৫–২ পিক্সেল এবং সক্রিয় অবস্থার জন্য একটি ফিল রয়েছে। কোনো লাইফস্টাইল ছবি নেই, কোনো বিমূর্ত থ্রিডি রেন্ডারও নেই—পণ্য এবং ডেটার ওপর মনোযোগ কেন্দ্রীভূত করার জন্য এই সংযম ইচ্ছাকৃত।
প্যালেট
ব্র্যান্ড
- Indigo Navy
#111a4a— ব্র্যান্ডের প্রধান রঙটি ফিলড কল টু অ্যাকশন, সক্রিয় নেভিগেশন স্টেট, হেডার এবং লোগোতে ব্যবহার করা হয়। গাঢ় বেগুনি-নীল রঙটি সাইটটিকে একটি দৃঢ় অথচ সমৃদ্ধ কালো আভা দেয়; সাদা লেখার সাথে মিলিত হয়ে এটি সাইটের সবচেয়ে জোরালো বাটনটি তৈরি করে। - Seafoam 600
#44b48b— কোড এবং ডেটা কালার হলো কোড স্নিপেটে থাকা JSON কী, আইডেন্টিফায়ার এবং ফিনান্সিয়াল ভ্যালুগুলোর ব্র্যান্ড কালার। এটি চার্ট এবং গ্রোথ ভিজ্যুয়ালাইজেশনের ডেটা পয়েন্টগুলোর জন্যও ব্যবহৃত হয়। - Seafoam 700
#167e6c— ডেটার প্রেক্ষাপটে আউটলাইন, চার্টের লাইন এবং আইকনের অলঙ্করণের জন্য সিফোমের একটি গাঢ়তর শেড ব্যবহার করা হয়েছে। এটি গাঢ় পটভূমির বিপরীতে সিফোম স্কেলটিকে দৃঢ়ভাবে স্থাপন করে। - Seafoam 400
#94efb7— হাইলাইট করা কোড খণ্ডটিতে কোড ব্লকের মধ্যে স্ট্রিং ভ্যালু, ইউআরএল এবং এপিআই এন্ডপয়েন্ট রয়েছে। সবচেয়ে হালকা সিফোম রঙটি সবুজাভ আভা সহ একটি মনোস্পেসড ফন্টের মতো দেখায়। - Deep Sea
#023247— চার্টটির আলংকারিক রূপরেখা এবং অ্যাকসেন্ট রঙ হলো একটি গাঢ় ফিরোজা রঙ, যা SVG ইলাস্ট্রেশন এবং ডেটা ভিজ্যুয়ালাইজেশনে ব্যবহৃত হয়, এর সাথে রয়েছে সিফোম কালার স্কেল।
নিরপেক্ষ
- Midnight Ink
#011821— গাঢ় পৃষ্ঠতল এবং হাইলাইট করা লেখা – প্রোডাক্ট কার্ডের ব্যাকগ্রাউন্ড, উচ্চ-কনট্রাস্ট মূল লেখা। শীতল নীল-সবুজ আভা সহ ধূসর রঙের কাছাকাছি; যখন কোনো অংশকে উল্টানোর প্রয়োজন হয়, তখন ডার্ক মোডের ভিত্তি হিসেবে ব্যবহৃত হয়। - Slate Ink
#3b3e47— পার্শ্ব শিরোনাম এবং মূল লেখাটি মিডনাইট ইঙ্কের চেয়ে কিছুটা উষ্ণ, যা এমন জায়গায় ব্যবহার করা হয়েছে যেখানে হালকা ক্যানভাসে নিখুঁত কালো রঙ খুব তীব্র মনে হতো। - Steel
#7c7f88— মূল লেখা এবং লিঙ্কের লেখায় একটি অনুজ্জ্বল রঙের প্রাধান্য রয়েছে (যা মূল লেখায় ২৪৫ বার ব্যবহৃত হয়েছে)। এটি একটি নিরপেক্ষ ধূসর-নীল রঙ, যা শান্ত বলে মনে হয় এবং কখনোই বিবর্ণ বা ম্লান দেখায় না। - Fog
#a9acb6— আইকনের রূপরেখা, তৃতীয় স্তরের বর্ডার এবং প্লেসহোল্ডার টেক্সট। একটি মাঝারি ধূসর রঙ যা টেক্সটের সাথে প্রতিদ্বন্দ্বিতা না করে সেটিকে আলাদা করে। - Mist
#cbcccf— মূল লেখা—স্বাক্ষর, দাবিত্যাগ এবং ছোট হরফের লেখা—সাদা পটভূমিতে পাঠযোগ্য, কিন্তু চোখে কম লক্ষণীয়। - Silver Lining
#e3e4e8— কার্ডের বর্ডার, ইনপুট ফিল্ডের বর্ডার, বিভাজন রেখা। এই কাঠামোগত ও সূক্ষ্ম রঙটি সেখানে ব্যবহৃত হয় যেখানে দুটি পৃষ্ঠকে ছায়া ছাড়া আলাদা করার প্রয়োজন হয়।
টাইপোগ্রাফি
১০ থেকে ৬০ পিক্সেল · ১০টি ধাপ
- SuisseIntl — প্রতিস্থাপন: Inter · রূপরেখা 300, 400, 500, 600 · প্রাথমিক ফন্ট – যা সমস্ত শিরোনাম, মূল লেখা, বাটন, নেভিগেশন, লিঙ্ক এবং কার্ড টেক্সটের জন্য ব্যবহৃত হয়। এর অনন্য জ্যামিতিক স্যান্স সেরিফ ফন্টটি কলামকে একটি স্বতন্ত্র সম্পাদকীয় শৈলী প্রদান করে, যা এটিকে শুধুমাত্র ইন্টার-অনলি ব্যবহারকারী অন্যান্য ফিনটেক কোম্পানিগুলো থেকে আলাদা করে। শিরোনামের জন্য এর ওয়েট হলো ৫২–৬০ পিক্সেলে ৬০০, উপ-শিরোনামের জন্য ৫০০, মূল লেখার জন্য ৪০০ এবং স্বল্প-গুরুত্বপূর্ণ লিঙ্কের জন্য ৩০০।
- SuisseIntlMono — প্রতিস্থাপন: JetBrains Mono · রূপরেখা 400 · SuisseIntl-এর অনুরূপ একটি মনোস্পেসড ফন্ট, যা প্রযুক্তিগত লেবেল, এপিআই আইডেন্টিফায়ার এবং ইউআই এলিমেন্টে এমবেডেড ডেটার জন্য ব্যবহৃত হয়। এটি SuisseIntl-এর মতোই একই অনুপাত বজায় রাখে, ফলে মনোস্পেসড এবং প্রপোর্শনাল টেক্সট মিশ্র প্রেক্ষাপটে সঠিকভাবে সারিবদ্ধ হয়।
- SFMono — প্রতিস্থাপন: Fira Code · রূপরেখা 400 · কোড স্নিপেট প্রদর্শন – JSON উদাহরণ এবং API ডকুমেন্টেশন ব্লকে প্রদর্শিত হয়। UI টেক্সট থেকে কোডকে দৃশ্যত আলাদা করার জন্য একটি সিফোম শেড ব্যবহার করা হয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 8px |
| কার্ডের ব্যাসার্ধ | 8px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 72px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Column স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- dope.security — বেগুনি বীকন সহ মধ্যরাতের টার্মিনাল
- Leonardo — একটি বিপরীতমুখী সম্পাদকীয় গ্যালারি। কালো দেয়ালের একটি জাদুঘর, যেখানে বেগুনি শিরোনামগুলো দেয়াল-সজ্জা হিসেবে কাজ করে এবং নিচে একটি ঘন গ্রিডে এআই-নির্মিত প্রতিকৃতিগুলো ঝুলে থাকে।
- VEED — নিওন সবুজ আলোর বোতাম সহ সাদা গ্যালারি দেয়াল
- Craft Docs — স্ক্র্যাপবুকিংয়ের জন্য একটি ডিজিটাল কোলাজ। ডিজাইনটি একটি চিন্তাশীল, স্পর্শযোগ্য স্ক্র্যাপবুকের মতো, যেখানে সুবিন্যস্ত ডিজিটাল নোটগুলো নরম, প্রাকৃতিক টেক্সচারের সাথে মিশে গেছে।
- Letter — সংগ্রহশালা থেকে আনা ঝকঝকে শিল্পকর্ম দিয়ে সজ্জিত একটি ব্যক্তিগত গ্যালারি। কালো দেয়ালযুক্ত একটি প্রদর্শনী স্থান, যেখানে গ্যালারির রঙিন দেয়ালে ক্রোম ভাস্কর্যের উপরে সেরিফযুক্ত শিরোনামগুলো ভেসে বেড়ায়।
- Railway — মহাজাগতিক মধ্যরাতের এক্সপ্রেস। স্পষ্ট সংকেত দ্বারা পরিচালিত, অন্ধকার, নক্ষত্রখচিত মহাকাশের মধ্য দিয়ে এক শান্ত, রোমাঞ্চকর যাত্রা।
- Garden Eight — ক্রিম রঙের কাগজে ছাপা একটি বিশাল সম্পাদকীয়। উষ্ণ পার্চমেন্টের ওপর ২১৫ পিক্সেলের সেরিফ শিরোনামটি একাকী বসে আছে, যাকে ঘিরে রয়েছে ভাসমান ভাস্কর্যময় আকৃতি এবং সমুদ্রের বাতাসের কথা মনে করিয়ে দেওয়া ফাঁকা জায়গা—পৃষ্ঠাটিকে ড্যাশবোর্ডের চেয়ে বরং কোনো শিল্পবিষয়ক মনোগ্রাফের প্রচ্ছদ বলে মনে হয়।
- Steep — উষ্ণ কাগজে সেরিফ ফন্টের বিশ্লেষণ
- ElevenLabs — উষ্ণ ক্রিম রঙের ছোঁয়ায় তোলা একটি আলোকচিত্র-প্রবন্ধ, সাথে রয়েছে সূক্ষ্ম শিরোনাম। বাউহাউস-শৈলীর একটি নোটবুক—ডিমের খোসার মতো রঙের কাগজ, কালো কালি, এবং পণ্য প্রদর্শনের জন্য একটিমাত্র বেগুনি ও কমলা রঙের অলঙ্করণ।
- Awesomic — সম্পাদকীয় জিঙ্ক মেশ, যাতে কনফেটির কথা মনে করিয়ে দেয় এমন কমলা রঙের যতিচিহ্ন রয়েছে।
- Monad — উষ্ণ পার্চমেন্টে সম্পাদকীয় প্রযুক্তিগত জার্নাল
- AI for Business — উষ্ণ ধূসর আভায় সজ্জিত ব্রুটালিস্ট শৈলীর সম্পাদকীয় শোরুম।