
Stripe
হিমায়িত কাচের উপর নীল কালিতে লেখা একটি হিসাবের খাতা
Stripe আর্থিক উপকরণগুলোর জন্য প্রায় একরঙা ভাষা ব্যবহার করে: একটি নরম, শীতল সাদা ক্যানভাস, যার উপর গাঢ় নীল শিরোনাম থাকে, প্রায় কোনো আলংকারিক ক্রোম উপাদান থাকে না, এবং একটিমাত্র উজ্জ্বল নীল (#533afd) রঙ থাকে যা একটি বাটন, লিঙ্ক বা আইকনের আউটলাইন হিসেবে যথাযথভাবে ব্যবহার করা যেতে পারে। এর টাইপোগ্রাফি অত্যন্ত পাতলা, এমনকি ৫৬ পিক্সেল আকারেও এর ওজন ৩০০ পয়েন্ট, যা অতিরিক্ত কর্পোরেট না হয়ে বরং আত্মবিশ্বাসী ও সংযত মনে হয়; অক্ষরের আকার বাড়ার সাথে সাথে এর মধ্যকার ব্যবধান দ্রুত কমে আসে। বাটনগুলো ছোট, বর্গাকার (৪ পিক্সেল) এবং এতে বেগুনি রঙের ফিল অথবা সবচেয়ে পাতলা বেগুনি আউটলাইন ব্যবহার করা হয়। এই সিস্টেমে ছায়ার ব্যবহার পুরোপুরি এড়িয়ে চলা হয়; এলিভেশনের পরিবর্তে ব্যাকগ্রাউন্ডের রঙ পরিবর্তনের (সাদা → #f8fafd → #e5edf5 → বেগুনি আভা) মাধ্যমে গভীরতা আনা হয়। পুরো ইন্টারফেসটি একটি অ্যাকাউন্টিং লেজার বা টার্মিনালের মতো আচরণ করে: ঘন তথ্য, স্পষ্ট লাইন, বিভিন্ন অংশের মধ্যে পর্যাপ্ত ফাঁকা জায়গা, এবং শুধুমাত্র কোনো কাজের প্রয়োজন হলেই রঙ দেখা যায়।
একটি সাদা ক্যানভাসে মাঝখানে থাকা কন্টেন্ট কলামের জন্য সর্বোচ্চ প্রস্থ প্রায় ১৩২০ পিক্সেল। হিরোটি হলো একটি বামে-সারিবদ্ধ পূর্ণ আকারের (৫৬ পিক্সেল) টেক্সট ব্লক, যার নিচে দুটি কল টু অ্যাকশন রয়েছে; কোনো হিরো ইমেজ নেই—টাইপোগ্রাফিই হলো হিরো। সেকশনগুলো উল্লম্বভাবে সাজানো, যেখানে সমান ৯৬ পিক্সেলের গাটার এবং ১ পিক্সেলের #e5edf5 ডিভাইডার রয়েছে; এখানে পর্যায়ক্রমিক গাঢ়/হালকা স্ট্রাইপ নেই। প্রতিটি সেকশন একটি পুনরাবৃত্তিমূলক প্যাটার্ন অনুসরণ করে: বড় হাতের অক্ষরে একটি ছোট সেকশন শিরোনাম (ধোঁয়াটে রঙের, ১২ পিক্সেল), তারপর একটি ৩২-৪৮ পিক্সেলের হেডিং, তারপর একটি ২২ পিক্সেলের প্যারাগ্রাফ, এবং তারপর প্রোডাক্ট কার্ডের একটি গ্রিড (ডেস্কটপে ৩ কলাম) অথবা ভিজ্যুয়াল আর্টসহ একটি ২-কলামের টেক্সট ব্লক। ক্লায়েন্টের লোগোগুলো একটি সরু উল্লম্ব স্ট্রিপে বামে-সারিবদ্ধভাবে প্রদর্শিত হয়। ফুটারটি হলো একটি চওড়া #f8fafd স্ট্রিপ, যেখানে লিঙ্কের বহু-কলামের তালিকা রয়েছে। সামগ্রিক ছন্দটি ধীর, পরিমিত এবং প্রধানত টেক্সট-ভিত্তিক—দীর্ঘ স্ক্রল লেংথ থাকা সত্ত্বেও তথ্যের ঘনত্ব কম।
চিত্রাবলী সংযত এবং তথ্যচিত্র-শৈলীর। পূর্ণ-পৃষ্ঠার ছবি শুধুমাত্র কেস স্টাডি-সম্পর্কিত বিভাগগুলিতেই দেখা যায় (যেমন, হার্টজ-এর জন্য আকাশ থেকে তোলা ট্র্যাফিক ফটোগ্রাফি), যা উপর থেকে বা নাটকীয় কোণ থেকে তোলা এবং প্রাকৃতিক রঙ ব্যবহার করা হয়েছে—কোনো ডুওটোন বা কালার প্রসেসিং ব্যবহার করা হয়নি। ফিচার কার্ডের মধ্যে প্রোডাক্টের ইউজার ইন্টারফেসের স্ক্রিনশট ব্যবহার করা হয়েছে, যা ডিভাইস ফ্রেম ছাড়াই তীক্ষ্ণ কোণ এবং স্পষ্ট বর্ডার দিয়ে রেন্ডার করা হয়েছে। পার্টনারদের লোগো কোনো কন্টেইনার ছাড়াই তাদের নিজস্ব রঙে প্রদর্শিত হয়। এখানে কোনো ইলাস্ট্রেশন, থ্রিডি রেন্ডার বা আলংকারিক বিমূর্ত গ্রাফিক উপাদান নেই। আইকনগুলো অভিন্ন: সাদা পটভূমিতে লাইন ওয়েট ১, লাইন ওয়েট ২, সাথে জ্যামিতিক লাইন আর্ট (শেভরন, তীরচিহ্ন, চেকমার্ক, ডকুমেন্ট প্রতীক)। পৃষ্ঠাটি মূলত টেক্সট এবং সাদা স্থান নিয়ে গঠিত; ছবিগুলো মোট দৃশ্যমান এলাকার ৩%-এরও কম জায়গা দখল করে।
প্যালেট
ব্র্যান্ড
- Indigo Ink
#533afd— বেগুনি রঙ ব্যবহার করা হয় ফিল্ড বাটন, নির্বাচিত নেভিগেশন স্টেট এবং ফোকাস-চালিত কনভার্সন মুহূর্তের জন্য। - Indigo Hover
#7389ff— লিঙ্ক, ট্যাগ এবং সংক্ষিপ্ত বাক্যাংশ হাইলাইট করতে বেগুনি রঙ ব্যবহার করা হয়। কল টু অ্যাকশনের জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।
নিরপেক্ষ
- Midnight Ink
#061b31— মূল শিরোনাম এবং মূল লেখাগুলো একটি শীতল নীল আভা সহ গভীর, প্রায় কালো রঙের, যা সম্পূর্ণ ফন্ট সিস্টেমটির ভিত্তি হিসেবে কাজ করে। - Slate
#64748d— ধূসর টেক্সট লিঙ্ক, ট্যাগ এবং সংক্ষিপ্ত বাক্যাংশকে হাইলাইট করে। - Steel
#50617a— সাবলাইসেন্সগুলোতে ব্যবহৃত স্লেট ও অনুজ্জ্বল বেগুনি রঙের মাঝে অতিরিক্ত লেখা এবং সহায়ক উপকরণগুলো স্থাপন করা হয়েছে। - Smoke
#839bc8— বড় আলংকারিক শিরোনাম এবং তার সংলগ্ন লেখার জন্য একটি অনুজ্জ্বল বেগুনি আভা ব্যবহার করা হয় — মূল অনুচ্ছেদে কখনোই নয়। - Pure White
#ffffff— পৃষ্ঠার ক্যানভাস এবং কার্ডের উঁচু পৃষ্ঠতল; এটিই হলো পূর্বনির্ধারিত পটভূমি, যার সাপেক্ষে অন্য সবকিছু পরিমাপ করা হয়। - Mist
#f8fafd— ফুটারের ব্যাকগ্রাউন্ড এবং সেকশন ডিভাইডারটি একটি হালকা শীতল রঙের, যা কোনো দৃশ্যমান বর্ডার ছাড়াই বিভিন্ন অংশকে আলাদা করে।
টাইপোগ্রাফি
১২ থেকে ৫৬ পিক্সেল · ৯টি ধাপ
- sohne-var — প্রতিস্থাপন: Inter Tight (variable · রূপরেখা 300, 400 · পুরো ইন্টারফেসে শুধুমাত্র হেডিং, মূল লেখা, নেভিগেশন, বাটন এবং লেবেলের জন্য ফন্ট ব্যবহার করা হয়েছে। এমনকি ৫৬ পিক্সেল স্ক্রিন সাইজেও ৩০০ ওয়েটটিই প্রাধান্য পায়, যা একটি স্বতন্ত্র বৈশিষ্ট্য: হেডিংগুলো চিৎকার না করে ফিসফিস করে, এবং আওয়াজের চেয়ে সংযমের মাধ্যমে কর্তৃত্ব প্রতিষ্ঠা করে। ৪০০ ওয়েটটি শুধুমাত্র ১৪-১৬ পিক্সেল স্ক্রিনে নেভিগেশন এবং বাটনের লেখার জন্য ব্যবহৃত হয়, যেখানে এর চেয়ে ছোট আকারে পাঠযোগ্যতার জন্য একটি অতিরিক্ত স্ট্রোকের প্রয়োজন হয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 4px |
| কার্ডের ব্যাসার্ধ | 4px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 96px |
| পৃষ্ঠার প্রস্থ | 1320px |
এআই আপনার ওয়েবসাইটটি Stripe স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Ui — ম্যাট পেপারে ক্লিনিকাল পরিকল্পনা
- monopo saigon — সম্পাদকীয় নীরবতার আড়ালে এক তরল, রামধনু-রঙা আভা—গলিত আলোর উপর ভাসমান একটি একরঙা সম্পাদকীয় গ্যালারি।
- Ventriloc — উষ্ণ কাগজের উপর উপাত্তের এক সম্পাদকীয় পর্যবেক্ষণাগার — একটিমাত্র কমলা অঙ্গার যা একরঙা সূক্ষ্মতাকে উদ্ভাসিত করে।
- Hyer Aviation — ককপিটে পার্চমেন্টের ওপর গোধূলি। ফ্যাকাশে ভোরের আকাশ বিমানদেহের আকারের সেরিফ লোগোটির সাথে মিশেছে, এবং একটিমাত্র উষ্ণ মাটির ছোঁয়া একরঙা সংযমকে ভেঙে দিয়েছে।
- Family — ক্রিম পার্চমেন্টে ছাপা একটি রূপকথার পাতা
- OFF+BRAND. — উষ্ণ পার্চমেন্টের উপর রামধনু রঙের গোলক
- Geniestudio — একটি নরম দিনের আলোর নোটবুক—যেটার চওড়া কিনারা এবং কলমের একটি মোটা আঁচড় থাকে।
- xAI — কালো বড়ি সহ উষ্ণ ক্রিম ল্যাব
- Seed — পরীক্ষাগারের কাঁচের নিচে একটি জীবন্ত প্রাণী
- Cosmos — লিনেন কাপড়ে মোড়ানো এবং পোলারয়েড ছবিতে সজ্জিত একটি গ্যালারি দেয়াল।
- Cal — একবর্ণী ব্যবহারিকতা, এক মানবিক দৃষ্টিভঙ্গি। এমন একটি ব্যবস্থা যা কঠোর সাদা-কালো রঙের বিন্যাসের মাধ্যমে স্বচ্ছতা ও কার্যকারিতাকে অগ্রাধিকার দেয়, কিন্তু বন্ধুত্বপূর্ণ টাইপোগ্রাফি ও গোলাকার আকৃতির দ্বারা একে কোমল করে তোলে।
- T1 Energy — উষ্ণ পার্চমেন্টের উপর আঁকা একটি উৎপাদন কেন্দ্রের চিত্র হলো এক শান্ত, একরঙা দৃশ্য, যেখানে শিল্পভিত্তিক বিশালতা এবং সূক্ষ্ম টাইপোগ্রাফি সমগ্র ব্র্যান্ডটিকে মূর্ত করে তোলে।