টেলিগ্রাম, WhatsApp+380637610482
ভ্যালেরি ড্যানিউক
ভ্যালেরি ড্যানিউকডেভেলপারব্যবসার জন্য এআই টুল তৈরি করা হয়। উন্নত মানের। সাশ্রয়ী।Telegram-এ লিখুন
Substack — এই শৈলীর একটি সাইটের পূর্বরূপ

Substack

সম্পাদকীয় অফিসের ডেস্কে কমলা কালি

সাবস্ট্যাক দেখতে একটি বহু ব্যবহৃত নিউজরুম ড্যাশবোর্ডের মতো—একটি সাদা ক্যানভাস, উষ্ণ, প্রায় কালো রঙের লেখা, এবং কন্টেন্ট তৈরির প্রতিটি ধাপ চিহ্নিত করার জন্য একটিমাত্র উজ্জ্বল কমলা রঙের অ্যাকসেন্ট। এর ভিজ্যুয়াল হায়ারার্কি অলঙ্করণের চেয়ে ঘনত্বের ওপর ভিত্তি করে তৈরি: পাতলা ধূসর রেখা ফিডের উপাদানগুলোকে আলাদা করে, অ্যাভাটারগুলো ছোট, মেটাডেটা অনুজ্জ্বল, এবং পাঠকের চোখকে কমলা রঙের কল টু অ্যাকশন, কমলা লোগো, কমলা "সাবস্ক্রাইব" লিঙ্ক এবং কমলা "ক্রিয়েট" বাটনের ওপর ফোকাস করতে অভ্যস্ত করানো হয়। সারফেসগুলোকে সমতল এবং বাধাহীন রাখা হয়েছে—কোনো কার্ড শ্যাডো নেই, কোনো ক্রোম প্যানেল এলিমেন্ট নেই—যা টাইপোগ্রাফিকে (একটি কম্প্যাক্ট ক্রোম সিস্টেম UI এলিমেন্টের সাথে একটি কাস্টম সেরিফ হেডলাইন ফন্ট) সম্পাদনার মূল ভার বহন করতে দেয়। এর সিগনেচার স্টাইল হলো সংযত ক্রোম এলিমেন্ট এবং প্রাণবন্ত, একরঙা পপ: এটি এমন একটি রিডিং অ্যাপ যা একটি পাবলিশিং টুলের মতো অনুভূতি দেয়।

একটি তিন-কলামের ডেস্কটপ লেআউট: একটি স্থির বাম সাইডবার (~২০০ পিক্সেল, আইকন ও লেবেলসহ নেভিগেশন, স্টিকি), একটি মাঝের ফিড (সর্বোচ্চ প্রস্থ ~৬০০ পিক্সেল, উল্লম্বভাবে স্ক্রলযোগ্য পোস্টের তালিকা), এবং একটি স্থির ডান সাইডবার (~৩০০ পিক্সেল, সার্চ + সুপারিশ + রেজিস্ট্রেশন)। মাঝের ফিডটি হলো সম্পাদকীয় মূল অংশ—কোনো কার্ড নেই, শুধু পোস্টগুলো একটির ওপর আরেকটি সাজানো, যার মাঝে পাতলা ডিভাইডার এবং সেকশনগুলোর মধ্যে ৩২ পিক্সেলের ফাঁক রয়েছে। মূল ব্যানারটি ফিডের উপরে একটি একক পূর্ণ-প্রস্থের কার্ড হিসেবে থাকে। বাম সাইডবারে ব্র্যান্ডের লোগো (ওভারলে করা লাইনসহ একটি কমলা চিহ্ন), ছয়টি নেভিগেশন আইটেম এবং নিচে একটি পূর্ণ-প্রস্থের কমলা রঙের "Create" বাটন রয়েছে। ডান সাইডবারে একটি সার্চ ফিল্ড, একটি রেজিস্ট্রেশন কার্ড এবং পড়ার জন্য একটি "Up Next" তালিকা রয়েছে। নেভিগেশন খুবই সংক্ষিপ্ত—কোনো টপ বার নেই, কোনো ব্রেডক্রাম্বস নেই; সাইডবারটিই হলো নেভিগেশন। কন্টেন্টের ঘনত্ব বেশি: পোস্টগুলিতে ১২-১৩ পিক্সেল মেটাডেটা এবং ১৫-১৯ পিক্সেল মূল লেখা ব্যবহার করা হয়, যা কোনো মার্কেটপ্লেসের কার্ড গ্রিডের মতো অনুভূতির পরিবর্তে একটি সংবাদপত্রের মতো ছন্দ তৈরি করে।

ছবিগুলো হলো ব্যবহারকারী-সৃষ্ট কন্টেন্ট (লেখকের অ্যাভাটার, পোস্ট থাম্বনেইল, পোস্টের ছবি)—সাবস্ট্যাক নিজস্ব কোনো আলংকারিক ছবি সরবরাহ করে না। মূল কার্ডটির পটভূমিতে ফিরোজা থেকে সবুজ রঙের একটি গ্রেডিয়েন্ট ব্যবহার করা হয়েছে, যার সাথে রয়েছে বিমূর্ত সচিত্র উপাদান (জ্যামিতিক আকার, কলম ও নোটের মতো শৈলীযুক্ত বস্তু)। ডানদিকের সাইডবারের পোস্ট থাম্বনেইলগুলো ছোট (৬৪ পিক্সেল), ৮ পিক্সেল ব্যাসার্ধের মধ্যে আবদ্ধ এবং এগুলো পড়ার তালিকার একটি প্রিভিউ হিসেবে কাজ করে। সামগ্রিক ভিজ্যুয়াল ভাষাটি টেক্সট-ভিত্তিক: ইন্টারফেসটি একটি পড়ার ক্যানভাস, এবং ছবিগুলো আবহ তৈরির পরিবর্তে ছোট ভিজ্যুয়াল অ্যাঙ্কর হিসেবে কাজ করে।

প্যালেট

ব্র্যান্ড

  • Signal Orange #ff6719 — কমলা রঙ আলংকারিক বিবরণের জন্য গৌণ অনুষঙ্গ হিসেবে এবং বিরল ইঙ্গিতগুলিকে তুলে ধরতে ব্যবহৃত হয়। কোনো কাজ করার আহ্বান জানানোর জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।

নিরপেক্ষ

  • Ink #363737 — মূল লেখা—প্রধান লেখা, শিরোনাম, পোস্টের শিরোনাম, টাইমস্ট্যাম্প এবং লেখকের নাম; সহজে পড়ার জন্য খাঁটি #000-এর পরিবর্তে একটি উষ্ণ, প্রায় কালো রঙ ব্যবহার করা হয়েছে।
  • Paper #ffffff — পেজ ক্যানভাস, কার্ড সারফেস, ইনপুট ফিল্ড এবং নেভিগেশন ব্যাকগ্রাউন্ড হলো প্রধান পৃষ্ঠতল যা ইন্টারফেসের সিংহভাগ জুড়ে থাকে।
  • Charcoal #232525 — উচ্চ সিলেকশন লেভেল সহ অতিরিক্ত টেক্সট এবং লিঙ্কের জন্য হোভার স্টেট; কোড ব্লক এবং সিলেকশন ব্লকের জন্য ইঙ্ক মোডের চেয়েও গভীর।
  • Stone #777777 — সেকেন্ডারি UI এলিমেন্ট, ডিভাইডার এবং মিউটেড লেবেলের জন্য নিউট্রাল কালার সাপোর্ট করা হয়। কল টু অ্যাকশনের জন্য এটিকে প্রাইমারি কালার হিসেবে ব্যবহার করা উচিত নয়।
  • Ash #b6b6b6 — পাতলা বর্ডার লাইন, বাটনের আউটলাইন, আইকনের আউটলাইন, নিষ্ক্রিয় কন্ট্রোলের বর্ডার।
  • Mist #c8c8c8 — বিভাজন রেখা, আইকনগুলির জন্য অনাড়ম্বর পটভূমি, এবং একটি কাঠামোর আকারে খালি ঘর পূরণ করা।

টাইপোগ্রাফি

১২ থেকে ৩২ পিক্সেল · ৫টি ধাপ

  • system-ui — প্রতিস্থাপন: -apple-system · রূপরেখা 400, 500, 600 · ইউজার ইন্টারফেস এবং মূল টেক্সটের জন্য ব্যবহৃত প্রধান ফন্টটি নেভিগেশন লেবেল, বাটন, মেসেজ টেক্সট, মেটাডেটা, ইনপুট ফিল্ড এবং সমস্ত ইন্টারফেস এলিমেন্টের জন্য ব্যবহার করা হয়। মেটাডেটার জন্য ১২-১৩ পিক্সেল এবং মূল টেক্সটের জন্য ১৫-১৯ পিক্সেলের কম্প্যাক্ট সাইজ একটি ঘন নিউজ ফিডের অনুভূতি তৈরি করে। ফন্টের ওয়েট হলো মূল টেক্সটের জন্য ৪০০, নেভিগেশন এলিমেন্ট ও বাটন লেবেলের জন্য ৫০০ এবং হাইলাইট করা মেসেজ টাইটেল ও সেকশন হেডিংয়ের জন্য ৬০০।
  • Cahuenga — প্রতিস্থাপন: Charter · রূপরেখা 500 · পণ্য-স্তরের শিরোনামের (সাইডবার শিরোনাম, রেজিস্ট্রেশন কার্ড শিরোনাম, মূল লেখা) জন্য একটি স্বতন্ত্র আলংকারিক সেরিফ ফন্ট। এর মাঝারি ওজন এবং সামান্য লাইন হাইট এটিকে ভারী না হয়েও একটি স্বতন্ত্র চেহারা দেয়; কমলা রঙের পাশাপাশি এটিই একমাত্র ফন্ট যা সাবস্ট্যাকের পরিচয় তুলে ধরে।
  • Spectral — প্রতিস্থাপন: Charter · রূপরেখা 400 · দীর্ঘ পোস্টের জন্য একটি সেরিফ ফন্ট—যা রিডিং রুম এবং নিউজফিড কন্টেন্টে সম্পাদকীয় লেখার পাঠযোগ্যতা বাড়াতে ব্যবহৃত হয়। এর কিছুটা কম লাইন স্পেসিং (১.২০) নিউজ রুমের স্বাভাবিক সংক্ষিপ্ততা বজায় রেখে অনুচ্ছেদ আরামদায়কভাবে পড়া নিশ্চিত করে।

ব্যবধান এবং ফর্ম

উদ্দেশ্যঅর্থ
ঘনত্বঘন
প্রাথমিক পদক্ষেপ8px
বোতামের ব্যাসার্ধ9999px
কার্ডের ব্যাসার্ধ12px
ছায়ানা - ছায়ার পরিবর্তে সীমানা
বিভাগগুলির মধ্যে32px
পৃষ্ঠার প্রস্থ1200px

এআই আপনার ওয়েবসাইটটি Substack স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।

  • Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
  • আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
  • সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
  • সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।

একই রকম শৈলী

  • ElevenLabs — উষ্ণ ক্রিম রঙের ছোঁয়ায় তোলা একটি আলোকচিত্র-প্রবন্ধ, সাথে রয়েছে সূক্ষ্ম শিরোনাম। বাউহাউস-শৈলীর একটি নোটবুক—ডিমের খোসার মতো রঙের কাগজ, কালো কালি, এবং পণ্য প্রদর্শনের জন্য একটিমাত্র বেগুনি ও কমলা রঙের অলঙ্করণ।
  • Awesomic — সম্পাদকীয় জিঙ্ক মেশ, যাতে কনফেটির কথা মনে করিয়ে দেয় এমন কমলা রঙের যতিচিহ্ন রয়েছে।
  • Monad — উষ্ণ পার্চমেন্টে সম্পাদকীয় প্রযুক্তিগত জার্নাল
  • Dub — লিঙ্কের ম্যাট রাইস পেপার কন্ট্রোল প্যানেল
  • Seline Analytics — উষ্ণ কাগজের উপর একটি শান্ত বিশ্লেষণাত্মক টেবিল
  • Notion — দুপুরের রোদে একটি উষ্ণ কাগজের নোটবুক
  • Anthropic — উষ্ণ ভেলাম কাগজে ছাপা একটি বৈজ্ঞানিক ক্ষেত্র-জার্নাল—শান্ত হাতির দাঁতের মতো পৃষ্ঠতল, সেরীফযুক্ত সম্পাদকীয় শিরোনাম, এবং একটিমাত্র মাটির ছোঁয়া যা কেবল প্রয়োজনের মুহূর্তেই ফুটে ওঠে।
  • Calendly — ঠান্ডা মার্বেলের উপর গাঢ় নীল কালি
  • Augen Pro — অ্যাপলের সাদা উপস্থাপনাটিতে একরঙা পরিসরে একমাত্র অ্যাকসেন্ট হিসেবে একটি পরিচ্ছন্ন, ওজনহীন, বৈদ্যুতিক নীল রঙ ব্যবহার করা হয়েছে।
  • Antimetal — ক্রিম রঙের কাগজে ছাপা একটি সম্পাদকীয় ইতিবৃত্ত—একটি বৈজ্ঞানিক জার্নালের শান্ত সকাল, যেখানে সংযম আত্মবিশ্বাস প্রকাশ করে এবং সেরিফ ফন্টগুলোই মূল ভার বহন করে।
  • Perk — গরম পার্চমেন্ট পেপারে বৈদ্যুতিক চুন
  • Ditto — সূর্যালোকিত একটি কর্মশালায় বুনো ফুলের নমুনা তৈরি হচ্ছে। উষ্ণ ক্রিম রঙের পৃষ্ঠতল, একটি প্রাণবন্ত হলুদ ভিত্তি রঙ, গাঢ় নেভি ব্লু কালি, এবং শিল্পকর্মটির পেছনে ফুটে ওঠা জৈব রঙের রূপ।