
Steep
উষ্ণ কাগজে সেরিফ ফন্টের বিশ্লেষণ
স্টিপ অ্যানালিটিক্সকে সম্পাদকীয় বিষয়বস্তু হিসেবে উপস্থাপন করে—সিগনিফায়ার সেরিফ শিরোনামগুলো প্রায় একরঙা সাদা ক্যানভাসের উপরে ভেসে থাকে, এবং একটিমাত্র উষ্ণ পীচ রঙের অ্যাকসেন্ট (#fbe1d1) অন্যথায় বর্ণহীন এই সিস্টেমটিকে আরও ফুটিয়ে তোলে। পৃষ্ঠাটি একটি প্রোডাক্ট ম্যাগাজিনের স্প্রেডের মতো দেখায়: বড়, কারসিভ টাইপফেস, লেখার জন্য পর্যাপ্ত জায়গা, নরম ২৪ পিক্সেল-রেডিয়াসের প্রান্তযুক্ত বড় কার্ড, এবং পৃষ্ঠের সাথে মিশে থাকা পিল-আকৃতির কন্ট্রোল। কম্পোনেন্টগুলো শান্ত ও ওজনহীন মনে হয়—ছায়াগুলো সূক্ষ্ম, বর্ডারগুলো পাতলা, এবং কার্যকরী বিষয়গুলোর ওপর জোর দেওয়ার জন্য রঙ ব্যবহার করা হয়েছে (পীচ রঙের কলআউট, পীচ ব্যাকগ্রাউন্ডে গাঢ় বাদামী রঙের অক্ষর)। প্রোডাক্ট সারফেসগুলো (রিজিওন টেবিল, অ্যাক্টিভেশন ডায়াগ্রাম, এআই বিল্ডার) ড্যাশবোর্ডের কাঠামোর মধ্যে আবদ্ধ না থেকে হেডারের চারপাশে ভাসমান উপাদান হিসেবে উপস্থাপন করা হয়েছে।
পেজ লেআউটের সর্বোচ্চ প্রস্থ ১২০০ পিক্সেল এবং এটি কেন্দ্রে অবস্থিত। মূল বিভাগগুলো প্রায় পুরো পেজের প্রস্থ জুড়ে থাকলেও কন্টেইনারের মধ্যেই থাকে। মূল লেআউটে একটি বড় সেরিফ ফন্টের কেন্দ্রস্থ হেডার, একটি সাবহেডার এবং একজোড়া পিল বাটন রয়েছে। এগুলোকে ঘিরে চারটি ভাসমান প্রোডাক্ট ডেসক্রিপশন কার্ড (উপরে বামে রিজিওন টেবিল, ডানে রেজিস্ট্রেশন কার্ড, নিচে বামে অ্যাক্টিভেশন ডায়াগ্রাম, নিচে কেন্দ্রে এআই এডিটর) রয়েছে, যা একটি সাদা ক্যানভাসের উপর বিভিন্ন অফসেটে ওভারল্যাপ করে। বিভাগগুলোর ব্যাকগ্রাউন্ড পর্যায়ক্রমে পেপার হোয়াইট এবং কার্ড মিস্ট রঙের, যা তীব্র বৈসাদৃশ্য ছাড়াই একটি শান্ত ছন্দ তৈরি করে। ফিচার বিভাগগুলোতে টেক্সট এবং ইউআই-এর জন্য দুই-কলামের লেআউট ব্যবহার করা হয়েছে, সাথে বড় ৮০ পিক্সেলের উল্লম্ব গাটার রয়েছে। নেভিগেশন হিসেবে একটি একক স্বচ্ছ টপ বার (কোনো ব্যাকগ্রাউন্ড, বর্ডার বা শ্যাডো নেই) ব্যবহার করা হয়েছে, যার বামে লোগো, কেন্দ্রে নেভিগেশন লিঙ্ক এবং ডানে দুটি কল টু অ্যাকশন (টেক্সট লিঙ্ক + ফিলড পিল বাটন) রয়েছে। সামগ্রিক লেআউটের ঘনত্ব বেশ প্রশস্ত—বিভাগগুলোর মধ্যে পেজটি যেন "শ্বাস নেয়" এবং কন্টেন্ট কখনোই প্রান্তগুলোকে ঠাসাঠাসি করে না।
ভিজ্যুয়াল ডিজাইনটি পণ্য-কেন্দ্রিক, জীবনধারা-কেন্দ্রিক নয়: ভাসমান UI উপাদানগুলো (পাঁচ-সারি ডেটা সহ আঞ্চলিক টেবিল, আগস্ট-নভেম্বরের অ্যাক্টিভেশন দেখানো লাইন চার্ট, রেডিয়াল প্রোগ্রেস রিং, AI ইনপুট ফিল্ড) সম্পাদকীয় শিরোনামের চারপাশে ক্রপ করা স্ক্রিনশটের মতো করে সাজানো হয়েছে। এখানে কোনো ফটোগ্রাফ, ইলাস্ট্রেশন বা বিমূর্ত গ্রাফিক্স নেই। পণ্যের সমস্ত ভিজ্যুয়াল উপাদান পাতলা বর্ডার এবং হালকা ছায়াযুক্ত সাদা ভাসমান কার্ডের উপর রাখা হয়েছে। অ্যাভাটার সার্কেলগুলোতে একটি ছোট কার্সার দিকনির্দেশক রয়েছে—যা রিয়েল-টাইম ইন্টারঅ্যাকশনের সংকেত দেয় এমন একটি ভিজ্যুয়াল মোটিফ। মূল কম্পোজিশনটি একটি স্টক ফটো সহ কেন্দ্রস্থ শিরোনামের পরিবর্তে টেক্সট এবং UI-এর একটি কোলাজ।
প্যালেট
নিরপেক্ষ
- Ink Black
#17191c— সিস্টেমের মধ্যে মূল লেখা, বাটনের ভরাট করা ব্যাকগ্রাউন্ড এবং নেভিগেশন লোগোই একমাত্র কালো অংশ; মূল লেখার সমস্ত কল টু অ্যাকশন ও শিরোনাম এই প্রায়-কালো পটভূমির বিপরীতে প্রদর্শিত হয়। - Paper White
#ffffff— পৃষ্ঠার ক্যানভাস, বোতামের লেখা এবং এমবস করা কার্ডের পৃষ্ঠতল হলো প্রধান পটভূমির রঙ, যেগুলোর প্রায় ৭৬টি ফ্রিকোয়েন্সি পয়েন্ট রয়েছে। - Mist Gray
#f2f2f3— কার্ডের পৃষ্ঠতল, অতিরিক্ত ব্যাকগ্রাউন্ড, ইনপুট ফিল্ড ফিল—এমবেড করা কন্টেন্টের জন্য কাগজের নিচে একটি অদৃশ্য স্তর। - Fog White
#fafafb— পর্যায়ক্রমিক অংশ এবং হোভার সারফেসের জন্য একটি অতিরিক্ত পেজ ব্যাকগ্রাউন্ড – যা কাগজের চেয়ে এক ধাপ উপরে থেকে সূক্ষ্ম ডোরাকাটা বৈচিত্র্য তৈরি করে। - Slate Gray
#777b86— লিঙ্কের রঙ, অনুজ্জ্বল সহায়ক লেখা, ফুটার টেক্সট - মূল লেখা এবং যে লেখা অন্তর্ভুক্ত করা যায় না, তার মাঝে থাকা একটি শীতল, রঙহীন ধূসর রঙ। - Ash Gray
#979799— অতিরিক্ত লেবেল, ক্যাটাগরি ট্যাগ (মার্কেটিং, ফিনান্স, সেলস) - লিঙ্কের রঙের চেয়ে এক ধাপ হালকা।
টাইপোগ্রাফি
১৫ থেকে ৯০ পিক্সেল · ৮টি ধাপ
- Signifier — প্রতিস্থাপন: GT Sectra · রূপরেখা 400 · শিরোনাম ও উপাধির জন্য একটি সেরিফ ফন্ট—যা শুধুমাত্র H1/H2 স্কেলে তিনটি আকারে ব্যবহৃত হয়; এর ফন্ট ওয়েট সব স্কেলেই ৪০০ (রেগুলার) থাকে, যা এর একটি স্বতন্ত্র বৈশিষ্ট্য: একটি সেরিফ ফন্ট বোল্ড ফন্টের মতো চিৎকার না করে বরং ফিসফিস করে কথা বলে।
- Sohne — প্রতিস্থাপন: Inter · রূপরেখা 400, 430, 450, 480, 500 · মূল, ইন্টারফেস এবং নেভিগেশন ফন্টগুলো বহুমুখী, যা মেটাডেটা থেকে শুরু করে উপশিরোনাম পর্যন্ত সবকিছু সমর্থন করে; সেমি-স্টেপড ওয়েটগুলো (৪৩০, ৪৫০, ৪৮০) সরাসরি বোল্ড না হয়ে একটি সূক্ষ্ম স্তরবিন্যাস তৈরি করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 24px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 80px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Steep স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Newformcap — ড্রেসিং রুমে সম্পাদকীয় সংবাদপত্র
- Claude — উষ্ণ পার্চমেন্টে মুদ্রিত একটি শিল্পকর্ম—হাড়ের কাগজের ওপর কালি, আর কাদামাটিই রঙের একমাত্র ছোঁয়া।
- 11x– Digital workers — এক চলচ্চিত্রীয় সম্পাদকীয় বিরানভূমি—ভূদৃশ্যের প্যানোরামিক ছবিগুলোর পটভূমিতে বিশাল আকারের সেরিফ শিরোনাম, যা পড়লে কোনো বিলাসবহুল ম্যাগাজিনের স্প্রেডের মতো মনে হয়।
- Revolut — মেঘের একটি ছবির ওপর ভিত্তি করে নির্মিত একটি একরঙা সম্পাদকীয় শিল্পকর্ম—সাদা কালি, পিলবক্সের বোতাম, আর অন্যথায় ধূসর এক জগতে রঙের একটিমাত্র নীল রেখা।
- Scheduling — ক্রিম রঙের কাগজে সম্পাদকীয় কালি
- Titan — উষ্ণ-টোনযুক্ত একরঙা আর্কাইভ
- Programa — দুপুরের সুইজারল্যান্ডের একটি ডিজাইন স্টুডিও। সাদা গ্যালারি দেয়ালটি একটিমাত্র হলুদ টেবিল ল্যাম্পের আলোয় আলোকিত—সবকিছুই ধূসর রঙের বিভিন্ন শেডে ঢাকা, যতক্ষণ না কোনো বোতাম, আইকন বা বিশেষ কোনো বস্তু চোখে পড়ে, আর ঠিক তখনই সেই একটিমাত্র হলুদ বস্তুটি পুরো ঘরটিকে একটি স্বতন্ত্র রূপ দেয়।
- Sana Agents — সম্পাদকীয়তে সাদা পটভূমিতে লেবুর ঝিকিমিকি
- Visual — উষ্ণ সম্পাদকীয় গোপনীয় প্রকাশনা। ক্রিম রঙের কাগজ, সেরিফ পোস্টার, একরঙা প্রান্তিক টীকা, একটি হলুদ মার্কার।
- Midday — ভেলাম কাগজে সম্পাদকীয় ব্রোশিওর - উষ্ণ পাথরের মতো পটভূমিতে ৭২ পিক্সেলের সেরিফ শিরোনাম, স্পেসিং সহ স্যানস-সেরিফ মূল লেখা, পিল-আকৃতির কন্ট্রোল, কোনো শ্যাডো নেই।
- Chat for impact — প্যাস্টেল রঙের ঘর সহ একটি বন সবুজ ক্লিনিক
- Handhold — প্রায়-শ্রবণাতীত সেরিফ ফন্টের নিচে উষ্ণ পার্চমেন্ট—একটি সম্পাদকীয় বিন্যাস, হাতে সাজানো, কোনো বর্ণবৈষম্য ছাড়া, যেখানে সেরা ২০০-পয়েন্টের সেরিফ ফন্টটি সম্পূর্ণ ভাব প্রকাশ করে।