Medium
সোনালী মুহূর্তে ক্রিম সাদা সংবাদপত্র
মিডিয়াম যেন ওয়েবে স্থানান্তরিত একটি সাহিত্য পাঠাগারের মতো কাজ করে: SaaS-এর চিরাচরিত নিষ্প্রাণ সাদা রঙের পরিবর্তে একটি উষ্ণ, ক্রিম রঙের ব্যাকগ্রাউন্ড (#f7f4ed) ব্যবহার করা হয়েছে, যা দীর্ঘ লেখাকে একটি ছাপা পাতার মতো অনুভূতি দেয়। এর ভিজ্যুয়াল সিস্টেমটি পুরোপুরি মনোক্রোম—প্রায় সমস্ত UI সারফেস, টেক্সট এবং বর্ডার #242424 থেকে #6b6b6b পর্যন্ত বিস্তৃত উষ্ণ ধূসর রঙের একটি সংকীর্ণ পরিসরে থাকে—ফলে পাঠকের মনোযোগ সম্পূর্ণরূপে বিষয়বস্তুর উপর নিবদ্ধ থাকে। এর একমাত্র স্বতন্ত্র বৈশিষ্ট্য হলো সেরিফ হেডলাইন (GT Super, 120px, weight 400, letter spacing -0.055em), যা একটি ইচ্ছাকৃত অ্যান্টি-ট্রেন্ড পছন্দ: একটি বোল্ড জ্যামিতিক স্যানস-সেরিফের পরিবর্তে, প্রদর্শনের জন্য স্কেল করা একটি ট্রানজিশনাল বুক সেরিফ ফন্ট, যা প্রায় অদৃশ্য, এই সংকেত দেয়: "আমরা বই প্রকাশ করি, সফটওয়্যার নয়।" বাটনগুলো প্রায় কালো রঙের পূর্ণ "পিল" আকৃতির—পৃষ্ঠার একমাত্র নিরেট কালির ব্যবহার।
হোমপেজটিতে দুটি কলাম রয়েছে: বাম দিকের অংশটি পেজের প্রায় ৫৫% জায়গা জুড়ে থাকে, যেখানে শিরোনাম, উপপাঠ্য এবং কল টু অ্যাকশন যথেষ্ট অভ্যন্তরীণ ফাঁকা স্থান রেখে উল্লম্বভাবে সাজানো থাকে; ডান দিকের অংশটি পেজের প্রায় ৪৫% জায়গা জুড়ে থাকে, যেখানে একটি ইলাস্ট্রেশন প্যানেল রয়েছে। বাম কলামটি বাম-সারিবদ্ধ (কেন্দ্রে নয়), যা পেজটিকে পড়ার অক্ষ বরাবর স্থির রাখে। হোমপেজের নিচে, পেজটি একটি একক, সম্পূর্ণ-প্রস্থের, ক্রিম-রঙের স্ট্রিপ, যার ফুটারে কেন্দ্র-সারিবদ্ধ লিঙ্ক রয়েছে। হোমপেজে কোনো কার্ড গ্রিড, ফিচার সেকশন বা পর্যায়ক্রমিক স্ট্রাইপ নেই—হোমপেজটি নিজেই একটি পেজ। বিষয়বস্তুর ঘনত্ব ইচ্ছাকৃতভাবে কম রাখা হয়েছে: একটি শিরোনাম, একটি বাক্য, একটি বাটন, একটি ছবি। পেজটি একটি কভার, কোনো ড্যাশবোর্ড নয়।
চিত্রগুলো সম্পাদকীয় এবং খণ্ড খণ্ড, সুশৃঙ্খল নয়। মূল পাতায় একটিমাত্র হাতে আঁকা চিত্র (একটি সবুজ ফুল, একটি জ্যামিতিক হাত, নক্ষত্রপুঞ্জের রেখা) রয়েছে, যা একটি স্বচ্ছন্দ ও কিছুটা সরল শৈলীতে আঁকা। চিত্রগুলোকে কোনো স্থায়ী সংগ্রহশালার অংশ বলে মনে না হয়ে, বরং ঋতু অনুযায়ী পরিবর্তিত হওয়া ফরমায়েশি কাজ বলে মনে হয়। মূল পাতায় কোনো ছবি নেই। মূল পাতায় কোনো আইকনও নেই—সমস্ত কাজ করে টেক্সট লোগো এবং লেখাটি। দৃশ্যগত ভাষাটি মূলত পাঠ্য-কেন্দ্রিক, যেখানে চিত্রগুলো যতিচিহ্নের মতো কাজ করে।
প্যালেট
নিরপেক্ষ
- Newsprint Cream
#f7f4ed— পেজের ক্যানভাস, প্রধান উইন্ডোর ব্যাকগ্রাউন্ড এবং সেকশনের ব্যাকগ্রাউন্ড একটি উষ্ণ, হালকা ক্রিম রঙের শেডের, যা ডিজিটাল ইন্টারফেসের পরিবর্তে একটি মুদ্রিত ইন্টারফেসের অনুভূতি তৈরি করে। - Paper White
#ffffff— কার্ডের পৃষ্ঠতল, উঁচু প্যানেল, ফর্ম প্রবেশের ক্ষেত্র, এবং ক্রিম ক্যানভাস থেকে আলাদা করার প্রয়োজন এমন যেকোনো পৃষ্ঠতল। - Ink
#242424— মূল লেখা, লিঙ্ক, শিরোনাম - খাঁটি কালোর চেয়ে সামান্য উষ্ণ, ক্রিম রঙের পটভূমিতে দেখতে ভালো লাগে। - Body Gray
#333333— যেখানে কনট্রাস্ট না হারিয়ে কালির রঙের চেয়ে সামান্য হালকা রঙের প্রয়োজন হয়, সেখানে সেকেন্ডারি টেক্সট কালার এবং ডিফল্ট ফোরগ্রাউন্ড কালার ব্যবহার করা হয়। - Button Black
#191919— সেকেন্ডারি UI এলিমেন্ট, ডিভাইডার এবং মিউটেড লেবেলের জন্য নিউট্রাল কালার সাপোর্ট করা হয়। কল টু অ্যাকশনের জন্য এটিকে প্রাইমারি কালার হিসেবে ব্যবহার করা উচিত নয়। - Marginalia Gray
#6b6b6b— সেকেন্ডারি UI, ডিভাইডার এবং অনুজ্জ্বল লেবেলের জন্য নিরপেক্ষ রঙের সমর্থন।
টাইপোগ্রাফি
১৩ থেকে ১২০ পিক্সেল · ৫টি ধাপ
- medium-content-sans-serif-font — প্রতিস্থাপন: Inter · রূপরেখা 400 · medium-content-sans-serif ফন্ট - নিষ্কাশিত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।
- GT Super — প্রতিস্থাপন: Playfair Display · রূপরেখা 400 · শিরোনাম এবং মূল লেখায় একটি ট্রানজিশনাল বুক সেরিফ ফন্ট ব্যবহার করা হয়েছে, যা অত্যন্ত বড় স্কেলে, ঘন অক্ষর ব্যবধান এবং ০.৮৩ লাইন স্পেসিং-এ লেখা। ১২০ পিক্সেল রেজোলিউশনে ৪০০ ওয়েটের (বোল্ড নয়) ফন্টটি বেছে নেওয়া একটি স্বতন্ত্র বৈশিষ্ট্য: এখানে অক্ষরের ওয়েট নয়, বরং অক্ষরের গঠনই মূল কাজটি করে। নেগেটিভ লেটার স্পেসিং দৃষ্টিবিভ্রম কমিয়ে দেয়, যার ফলে "Human Stories and Ideas" লেখাটিকে একটি সুসংহত টাইপোগ্রাফিক ব্লক বলে মনে হয়।
- Söhne — প্রতিস্থাপন: Inter · রূপরেখা 400 · নেভিগেশন, বাটন, উপশিরোনাম এবং ছোট শিরোনামের জন্য UI স্যানস-সেরিফ ফন্ট ব্যবহার করা হয়। নেভিগেশন লেবেল এবং বাটনের জন্য ১৩-১৪ পিক্সেল পরিসর; উপশিরোনাম এবং শিরোনামের ভেতরের সহায়ক লেখার জন্য ২০-২২ পিক্সেল। মানবিক অনুপাতে একটি পরিচ্ছন্ন স্যানস-সেরিফ ফন্ট ছোট আকারেও পাঠযোগ্য এবং বড় আকারেও অনাড়ম্বর।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 16-24px |
| বোতামের ব্যাসার্ধ | 9999px |
| কার্ডের ব্যাসার্ধ | 0px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 64px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Medium স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Steep — উষ্ণ কাগজে সেরিফ ফন্টের বিশ্লেষণ
- Newformcap — ড্রেসিং রুমে সম্পাদকীয় সংবাদপত্র
- Claude — উষ্ণ পার্চমেন্টে মুদ্রিত একটি শিল্পকর্ম—হাড়ের কাগজের ওপর কালি, আর কাদামাটিই রঙের একমাত্র ছোঁয়া।
- 11x– Digital workers — এক চলচ্চিত্রীয় সম্পাদকীয় বিরানভূমি—ভূদৃশ্যের প্যানোরামিক ছবিগুলোর পটভূমিতে বিশাল আকারের সেরিফ শিরোনাম, যা পড়লে কোনো বিলাসবহুল ম্যাগাজিনের স্প্রেডের মতো মনে হয়।
- Revolut — মেঘের একটি ছবির ওপর ভিত্তি করে নির্মিত একটি একরঙা সম্পাদকীয় শিল্পকর্ম—সাদা কালি, পিলবক্সের বোতাম, আর অন্যথায় ধূসর এক জগতে রঙের একটিমাত্র নীল রেখা।
- Scheduling — ক্রিম রঙের কাগজে সম্পাদকীয় কালি
- Titan — উষ্ণ-টোনযুক্ত একরঙা আর্কাইভ
- Programa — দুপুরের সুইজারল্যান্ডের একটি ডিজাইন স্টুডিও। সাদা গ্যালারি দেয়ালটি একটিমাত্র হলুদ টেবিল ল্যাম্পের আলোয় আলোকিত—সবকিছুই ধূসর রঙের বিভিন্ন শেডে ঢাকা, যতক্ষণ না কোনো বোতাম, আইকন বা বিশেষ কোনো বস্তু চোখে পড়ে, আর ঠিক তখনই সেই একটিমাত্র হলুদ বস্তুটি পুরো ঘরটিকে একটি স্বতন্ত্র রূপ দেয়।
- Sana Agents — সম্পাদকীয়তে সাদা পটভূমিতে লেবুর ঝিকিমিকি
- Visual — উষ্ণ সম্পাদকীয় গোপনীয় প্রকাশনা। ক্রিম রঙের কাগজ, সেরিফ পোস্টার, একরঙা প্রান্তিক টীকা, একটি হলুদ মার্কার।
- Midday — ভেলাম কাগজে সম্পাদকীয় ব্রোশিওর - উষ্ণ পাথরের মতো পটভূমিতে ৭২ পিক্সেলের সেরিফ শিরোনাম, স্পেসিং সহ স্যানস-সেরিফ মূল লেখা, পিল-আকৃতির কন্ট্রোল, কোনো শ্যাডো নেই।
- Chat for impact — প্যাস্টেল রঙের ঘর সহ একটি বন সবুজ ক্লিনিক