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

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)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
  • সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।

একই রকম শৈলী

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