
Creative Giants
ক্রিম পেপারে ছাপা বড় আকারের সম্পাদকীয় পোস্টার
ক্রিয়েটিভ জায়ান্টস দেখতে একটি বড় আকারের আর্টবুক স্প্রেডের মতো, যা কোডে রেন্ডার করা হয়েছে: একটি উষ্ণ, ক্রিম রঙের ক্যানভাস, পাতলা মার্জিন, এবং এত বড় টাইপ যে এটিকে শিরোনামের চেয়ে পোস্টারের মতো বেশি মনে হয়। পুরো সিস্টেমটি নেগেটিভ স্পেস এবং একটিমাত্র হালকা আকারের (৩০০) উপর ভিত্তি করে কাজ করে—শিরোনামগুলো বোল্ড হয়ে ফুটে ওঠার পরিবর্তে ৬৪–৮৪ পিক্সেলে প্রায় শোনা যায় না, এবং টাইপের আকার বাড়ার সাথে সাথে অক্ষরের ব্যবধান তীব্রভাবে (-০.০৪em) কমে যায়, ফলে শব্দগুলোকে খোসা ছাড়ানোর পরিবর্তে খোদাই করা বলে মনে হয়। রঙের বিন্যাসটি ছোট, উজ্জ্বল ব্রাশস্ট্রোকের মাধ্যমে বিতরণ করা হয়েছে: উজ্জ্বল বেগুনি, গভীর ফিরোজা, হালকা নীল, হট পিঙ্ক, মিন্ট এবং নেভি রঙগুলো ব্যাকগ্রাউন্ড ফিল হিসেবে না থেকে কার্ডের পৃষ্ঠ বা অ্যাকসেন্ট হিসেবে ব্যবহৃত হয়েছে। ইন্টারেক্টিভ উপাদানগুলো ক্রিম রঙের ব্যাকগ্রাউন্ডের উপর সম্পূর্ণ গোলাকার (১৪৪০ পিক্সেল) ব্যাসার্ধযুক্ত কালো আকৃতি, যেখানে ক্রোম উপাদানগুলো প্রায় অদৃশ্য—একটিমাত্র গোলাকার লোগো এবং "মেনু" বোতামটি সাদা অংশে ভাসমান থাকে। ভিজ্যুয়াল ধারণাটি হলো একটি প্রোডাকশন স্টুডিওর কন্টাক্ট শিট: একটি বিশাল শিরোনাম, একটি পূর্ণ-প্রস্থের ছবি, এবং মেটাটেক্সটের একটি সংক্ষিপ্ত লাইন। বাকি সব পৃষ্ঠাও একই সংক্ষিপ্ত শৈলী অনুসরণ করবে।
সম্পূর্ণ পৃষ্ঠা-পূরণ লেআউট: এখানে কোনো সর্বোচ্চ-প্রস্থের কন্টেইনার নেই; কন্টেন্ট পৃষ্ঠার সম্পূর্ণ প্রস্থ জুড়ে থাকে এবং এর বাম ও ডানদিকে সমান মার্জিন থাকে (মোবাইলে ১৬–৩২ পিক্সেল, ডেস্কটপে ৩২ পিক্সেল+)। মূল শিরোনামটি হলো একটি একক, বড় হেডলাইন (“CREATIVE GIANTS”, ৮৪ পিক্সেল) যা ভিউপোর্টের প্রায় ৪০% জায়গা নেয়, এবং এর ঠিক পরেই থাকে একটি সম্পূর্ণ-পূরণ ছবি, যার নিচের-বাম কোণে একটি মেটা ট্যাগ এবং একটি টাইটেল ওভারলে থাকে। সেকশনের বিন্যাসটি একীভূত: প্রতিটি নতুন সেকশন শুরু হয় অল্প পরিমাণে বড় হাতের অক্ষরে লেখা কপি এবং একটি ব্যাখ্যা দিয়ে, যা ৪৮–৬৪ পিক্সেলের সাদা স্থান দ্বারা পৃথক করা থাকে—একটি উল্টানো নেভি ইঙ্ক অ্যাকসেন্ট কার্ড ছাড়া অন্য কোথাও পর্যায়ক্রমিক গাঢ়/হালকা রঙের স্তর নেই। কন্টেন্ট বাম-সারিবদ্ধ; মূল শিরোনাম ছাড়া অন্য কোনো ব্লক কেন্দ্রে সারিবদ্ধ নয়। সংবাদ/কেস স্টাডি সেকশনে ডানদিকে একটি ভাসমান অ্যারো ব্লকসহ কার্ডের একটি তিন-কলামের গ্রিড ব্যবহার করা হয়েছে। নেভিগেশন একটি একক শীর্ষ হেডারের মাধ্যমে সম্পন্ন হয়—হেডারটি ছাড়া অন্য কোনো সাইডবার বা অ্যাঙ্কর করা উপাদান নেই। সামগ্রিক বিন্যাসটি প্রশস্ত এবং সম্পাদকীয় শৈলীর সাথে সামঞ্জস্যপূর্ণ: প্রতিটি বিভাগ স্বাচ্ছন্দ্যপূর্ণ এবং সাদা স্থানই এর প্রধান কাঠামোগত উপাদান।
ডিজাইনে সম্পাদকীয় ফটোগ্রাফির প্রাধান্য দেখা যায়: ছবিগুলো পৃষ্ঠার পুরো প্রস্থ জুড়ে থাকে, তীক্ষ্ণ কোণ ব্যবহার করা হয় এবং কোনো ওভারল্যাপ বা গোলাকার মাস্ক থাকে না। শৈলীটি ডকুমেন্টারি এবং বায়ুমণ্ডলীয় আবহের দিকে ঝুঁকে থাকে—যেমন কুঁচকানো হাত, পাবলিক ইনস্টলেশন এবং মানুষের সাধারণ ছবি—তবে এতে কখনও সাজানো পণ্যের ফটোগ্রাফি ব্যবহার করা হয় না। ছবিগুলো সবসময় বড় আকারে (সম্পূর্ণ প্রস্থের ভিউপোর্ট বা পুরো কার্ড জুড়ে) উপস্থাপন করা হয়, তাই ডিজাইনের একক হলো ফটোগ্রাফ, ইউজার ইন্টারফেস নয়। এখানে কোনো ইলাস্ট্রেশন, থ্রিডি মডেল বা পণ্যের মকআপ নেই। আইকনোগ্রাফি ন্যূনতম: একটি ছোট বৃত্তাকার লোগো, ক্যারোসেল কন্ট্রোলে আউটলাইন শেভরন এবং ১ পিক্সেল আউটলাইনসহ হালকা UI আইকন। ছবির ঘনত্ব ছবিটি নিজেই নির্ধারণ করে, এবং টেক্সট ফটোগ্রাফের নিচে বা উপরে একটি বিচক্ষণ টীকা স্তর হিসাবে কাজ করে।
প্যালেট
ব্র্যান্ড
- Magenta Bloom
#8a0467— গোলাপী রঙ আলংকারিক বিবরণের জন্য গৌণ অনুষঙ্গ হিসেবে এবং কম ব্যবহৃত সার্চ কোয়েরিগুলোকে হাইলাইট করতে ব্যবহার করা হয়। কোনো অ্যাকশন নেওয়ার আহ্বানের জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়। - Forest Teal
#03624c— কার্ডের ফ্রেম ও সাজসজ্জার জন্য একটি আকর্ষণীয় ব্র্যান্ড অ্যাকসেন্ট কালার; দ্বি-বর্ণের ফিনিশের জন্য ম্যাজেন্টা ব্লুমের সাথে মানানসই।
নিরপেক্ষ
- Bone White
#fffef7— পৃষ্ঠার ক্যানভাস, কার্ডবোর্ডের পৃষ্ঠতল এবং গাঢ় রঙের উপর লেখাগুলো একটি উষ্ণ, ক্রিম রঙের আভা ধারণ করে, যা বিশুদ্ধ #ffffff-কে প্রতিস্থাপন করে এবং পুরো ব্যবস্থাটিকে একটি কাগজের মতো, ছাপা অনুভূতি দেয়। - Ink Black
#000000— গাঢ় রঙ সাধারণ টেক্সট ও আইকনের পরিপূরক হিসেবে কাজ করে এবং একটি জোরালো বৈসাদৃশ্য তৈরি করে। কোনো কাজ করার আহ্বানের জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা থেকে বিরত থাকুন। - Graphite
#666666— মূল লেখাকে প্রাধান্য দেওয়ার জন্য, গৌণ মূল লেখা, ক্যাপশন, মেটাডেটা এবং সহায়ক লেখাগুলোকে পটভূমিতে ঠেলে দেওয়া হয়। - Ash
#aaaaaa— ইনপুট ফিল্ডের বর্ডার, নিষ্ক্রিয় লিঙ্কের রঙ, তৃতীয় স্তরের বিভাজকসমূহ – একটি হালকা কাঠামোগত ধূসর রঙ যা প্রয়োজন না হলে অদৃশ্য হয়ে যায়। - Charcoal Scale
#4d4c4a— তালিকার বর্ডারগুলোর জন্য একটি মাঝারি নিরপেক্ষ রঙ, এবং গাঢ় গ্রেডিয়েন্ট পথটিতে সূক্ষ্ম কনট্রাস্ট বৃদ্ধি—নীলচে-ধূসর না হয়ে উষ্ণ ধূসর। - Powder Blue
#a5c8eb— পোস্টকার্ডের পটভূমি, ঝাপসা পটভূমি বা অনুজ্জ্বল ইলাস্ট্রেশনের ফিলের মতো হালকা রঙের ছোঁয়া একটি উষ্ণ পটভূমিকে কোনো প্রতিদ্বন্দ্বিতা তৈরি না করেই শীতল করে তোলে।
টাইপোগ্রাফি
১২ থেকে ৮৪ পিক্সেল · ৭টি ধাপ
- Switzer — প্রতিস্থাপন: Inter (300 · রূপরেখা 300, 400 · একটি একক-ফন্ট সিস্টেম: সমস্ত ডিসপ্লে এলিমেন্ট এবং হেডিং-এর জন্য ৩০০ ওয়েট (১২–৮৪ পিক্সেল), এবং বডি টেক্সট, মেটাডেটা ও UI কন্ট্রোলের জন্য ৪০০ ওয়েট। পছন্দের বিকল্পটি হলো ৬৪–৮৪ পিক্সেল সাইজে ৩০০ ওয়েট ব্যবহার করা—বেশিরভাগ সিস্টেম এখানে ৭০০–৮০০ বোল্ড ফন্ট ব্যবহার করে; হালকা টোনের সুইজার ফন্টটি পাতলা লাইন বজায় রাখে, যা একটি ক্রিম ক্যানভাসের উপর এয়ারব্রাশ করা টাইপের মতো অনুভূতি তৈরি করে। সাইজ বাড়ার সাথে সাথে লেটার স্পেসিং কমে যাওয়ায় (৮৪ পিক্সেলে -০.০৪em, ১৪ পিক্সেলে -০.০১৮em) ভেতরের জায়গাগুলো খোলা থাকে, কিন্তু ফাঁকা ফাঁকা ভাব তৈরি হয় না।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | গড় |
| প্রাথমিক পদক্ষেপ | 8px |
| বোতামের ব্যাসার্ধ | 1440px |
| কার্ডের ব্যাসার্ধ | 0px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 64px |
এআই আপনার ওয়েবসাইটটি Creative Giants স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Studio — একটি গতিশীল গ্যালারি দেয়াল। প্রতিটি স্ক্রিন একটি শান্ত, ধূসর প্রদর্শনী পৃষ্ঠের প্রতিনিধিত্ব করে, যেখানে টাইপোগ্রাফিক উপাদান এবং একটির ওপর আরেকটি থাকা সৃজনশীল শিল্পকর্ম মনোযোগ আকর্ষণের জন্য প্রতিযোগিতা করে।
- Mollie — একটি কাশ্মীরি কাউন্টার, একটি কালো খাতা। কালো লেখার চারপাশে সম্পাদকীয় নকশার জন্য পর্যাপ্ত সাদা জায়গা রাখুন, তারপর উষ্ণ ক্রিম, এসপ্রেসো ব্রাউন এবং প্রকৃত অর্থপ্রদানের পদ্ধতির স্পর্শযোগ্য ছবির মাধ্যমে পণ্য-সম্পর্কিত বিষয়গুলোকে আরও জোরালো করুন।
- Bajgart Office — সম্পাদকীয় গ্যালারি ওয়াল। একটি বড় সাদা জায়গা ব্যবহার করুন যেখানে চাকচিক্যময় ইন্টারফেস উপাদানগুলির চেয়ে সূক্ষ্ম সেরিফ ফন্ট এবং পোর্টফোলিওর অংশবিশেষ বেশি দৃষ্টি আকর্ষণকারী হবে।
- Bejamas — পাজামা—কালো কাচের মধ্য দিয়ে চুন। শান্ত, হালকা-ধূসর সম্পাদকীয় পাতা তৈরি করুন, যা মনোমুগ্ধকর কালো প্যানেল দ্বারা বিঘ্নিত হয়, যেখানে ঝাপসা সবুজ আলোর রেখা পৃষ্ঠতলকে ছেদ করে।
- Kagi — একটি আলাদা পাঠাগার। গাঢ় গ্রাফাইট অক্ষরের চারপাশে একটি খোলা সাদা জায়গা তৈরি করুন এবং শান্ত পরিবেশ ভাঙতে হালকা বেগুনি ছোঁয়া ও উষ্ণ প্যাস্টেল রঙের পৃষ্ঠতল ব্যবহার করুন।
- Milanote — মিলানোটে একটি নিবেদিত সৃজনশীল স্টুডিও। ভাসমান ভিজ্যুয়াল বোর্ড ব্যবহার করে সম্পাদকীয় গ্যালারি-শৈলীর পৃষ্ঠা তৈরি করুন: গাঢ় ফ্রেমযুক্ত দেয়াল, সাদা প্রদর্শনের স্থান এবং স্ক্রিনশট যা কোমল গভীরতা সহ বাস্তব বস্তুর মতো দেখায়।
- Co2 — শীতের আলোয় একটি জলবায়ু মানচিত্র। আকাশ থেকে তোলা ল্যান্ডস্কেপ ডকুমেন্টের মতো পৃষ্ঠা তৈরি করুন, যেখানে সেরিফ শিরোনাম, বিভাগ-কোডেড ডেটা এবং বরফশীতল চিত্রগুলি প্রশস্ত সাদা মার্জিনকে উজ্জ্বল করে তোলে।
- GitButler — লেখার শেষে ফিরোজা রঙ। উচ্চ-কনট্রাস্টের সেরিফ হেডলাইন, সূক্ষ্ম টেকনিক্যাল গ্রিড, উষ্ণ গ্রাফাইট পৃষ্ঠতল এবং একটি সংযত ফিরোজা অ্যাকসেন্টের সংমিশ্রণ।
- ElevenLabs — উষ্ণ ক্রিম রঙের ছোঁয়ায় তোলা একটি আলোকচিত্র-প্রবন্ধ, সাথে রয়েছে সূক্ষ্ম শিরোনাম। বাউহাউস-শৈলীর একটি নোটবুক—ডিমের খোসার মতো রঙের কাগজ, কালো কালি, এবং পণ্য প্রদর্শনের জন্য একটিমাত্র বেগুনি ও কমলা রঙের অলঙ্করণ।
- monopo saigon — সম্পাদকীয় নীরবতার আড়ালে এক তরল, রামধনু-রঙা আভা—গলিত আলোর উপর ভাসমান একটি একরঙা সম্পাদকীয় গ্যালারি।
- Awesomic — সম্পাদকীয় জিঙ্ক মেশ, যাতে কনফেটির কথা মনে করিয়ে দেয় এমন কমলা রঙের যতিচিহ্ন রয়েছে।
- Monad — উষ্ণ পার্চমেন্টে সম্পাদকীয় প্রযুক্তিগত জার্নাল