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

Superhuman

গোল্ডেন আওয়ার সম্পাদকীয় প্যানেল

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

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

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

প্যালেট

ব্র্যান্ড

  • Midnight Wine #421d24 — মূল অ্যাকশন বাটন, ব্যানার বিজ্ঞাপন এবং ফুটার একটি উষ্ণ, প্রায় কালো বারগান্ডি রঙের, যা লালের চেয়ে কালির মতো বেশি মনে হয় এবং অতিরিক্ত প্রকট না হয়েও কালার প্যালেটটিকে একটি ভিত্তি দেয়।
  • Royal Violet #714cb6 — লিঙ্ক, ট্যাগ এবং সংক্ষিপ্ত বাক্যাংশ হাইলাইট করতে বেগুনি রঙ ব্যবহার করা হয়। কল টু অ্যাকশনের জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।

নিরপেক্ষ

  • Lilac Mist #d4c7ff — সেকেন্ডারি সারফেস ফিল, লাইট আইকন এবং ঘোস্ট বাটনের ব্যাকগ্রাউন্ড—এই সবকটিতেই একটি অনুজ্জ্বল বেগুনি রঙ ব্যবহার করা হয়েছে, যা নিজের দিকে অযাচিত মনোযোগ আকর্ষণ না করেই ব্র্যান্ডটির শৈলীর ইঙ্গিত দেয়।
  • Deep Lagoon #0c4243 — স্ট্রিপটির গাঢ় পটভূমি, যা মূল আখ্যান উপাদান হিসেবে ব্যবহৃত হয়েছে, সেটিই সিস্টেমের একমাত্র গাঢ় পৃষ্ঠতল, যার উপর একটি জ্যামিতিক নকশা স্থাপন করা হয়েছে।
  • Warm Parchment #f2f0eb — পৃষ্ঠাটির কার্যপৃষ্ঠই হলো প্রধান উপাদান; ভিত্তি হিসেবে সাদার পরিবর্তে একটি উষ্ণ ক্রিম রঙ ব্যবহৃত হয়েছে, যা পুরো ব্যবস্থাটিকে একটি সম্পাদকীয় উষ্ণতা প্রদান করে।
  • Soft Mist #e3e3e2 — সূক্ষ্ম বর্ডার, কার্ডের রূপরেখা, বিভাজন রেখা—একটি উষ্ণ, হালকা ধূসর রঙ যা পার্চমেন্টের সাথে মিশে যায় কিন্তু কিনারাগুলোকে স্পষ্টভাবে চিহ্নিত করে।
  • Ink Charcoal #292827 — মূল লেখা, শিরোনাম, আইকনের রূপরেখা - একটি উষ্ণ, প্রায় কালো রঙ, যাতে কাগজের উপর কালির মতো অনুভূতি দেওয়ার মতো যথেষ্ট বাদামী ভাব রয়েছে, কখনোই শীতল নয় #000
  • Stone Gray #666666 — সহায়ক মূল লেখা, পরিপূরক পাঠ্য, স্বতন্ত্র বিবরণ – একটিমাত্র মাঝারি ধূসর রঙ, যা মিতব্যয়ীভাবে ব্যবহৃত হয়, যাতে তা মূল লেখার সাথে কখনও প্রতিদ্বন্দ্বিতা না করে।

টাইপোগ্রাফি

১২ থেকে ৬৪ পিক্সেল · ৮টি ধাপ

  • Super Sans VF — প্রতিস্থাপন: Inter (closest open equivalent for variable weight range) · রূপরেখা 460, 500, 540, 600, 700 · পুরো সিস্টেমে একটিই ফন্ট ব্যবহৃত হয়েছে। এর অ্যাক্সিস ভ্যারিয়েবলগুলো ৪৬০ (একটি সিগনেচার, বড় হেডিং টেক্সটের জন্য সামান্য ক্রপ করা ফন্ট) থেকে শুরু করে ৫৪০ (গুরুত্বপূর্ণ বডি টেক্সট) এবং ৭০০ (ছোট, বোল্ড ক্যাপশন) পর্যন্ত বিস্তৃত। একটি বিশেষভাবে ডিজাইন করা ভিজ্যুয়াল ফিনিশ (VF) ৪৬০-ওয়েট হেডিংগুলোকে এলোমেলোর চেয়ে বেশি সুচিন্তিত করে তোলে—৪৮-৬৪ পিক্সেল সাইজ এবং টাইট লেটার স্পেসিং-এ এই 'সামান্য ক্রপ করা' এফেক্টটিকে পাতলা না হয়ে বরং আত্মবিশ্বাসী বলে মনে হয়।

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

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

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

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

একই রকম শৈলী

  • AI for Business — উষ্ণ ধূসর আভায় সজ্জিত ব্রুটালিস্ট শৈলীর সম্পাদকীয় শোরুম।
  • Jeton — ওয়ার্ম মার্বেল-এ ফিনটেক নিয়ে একটি সম্পাদকীয়
  • Airtable — বিভিন্ন রঙে অধ্যায় চিহ্নিত একটি আরামদায়ক সেমিনার।
  • Osmo — ধূসর কংক্রিটে ডেভেলপারদের জাদুঘর
  • Linktr — সম্পাদকীয় পোস্টারগুলো ক্যান্ডির মতো স্তূপ করে রাখা হয়েছে। ওয়েবসাইটটি রঙের ব্লকে ডিজাইন করা হয়েছে, যেখানে কোবাল্ট-নীল দেয়ালের বিপরীতে উজ্জ্বল সবুজ শিরোনাম এবং বারগান্ডি ক্ষেত্রের উপরে ভাসমান সাদা বড়ি-আকৃতির নেভিগেশন উপাদান রয়েছে।
  • Outsource Consultants — বোন পেপারে ছাপা একটি বৃহৎ আকারের স্থাপত্য বিষয়ক শীট। একরৈখিক নান্দনিকতা, যেখানে নীল রঙের একটি উজ্জ্বল ছোপ অন্যথায় উষ্ণ, টাইপোগ্রাফিকভাবে সর্বাধিক সরল গ্রিডটিকে ব্যাহত করে।
  • Streamtime — স্পর্শযোগ্য সৃজনশীল মুড বোর্ড - ডিজাইনার স্ক্র্যাপবুকিং টেবিল
  • Switch-Lit — ক্রিম কাগজে কালিতে মুদ্রিত সম্পাদকীয় গ্রিড
  • HubSpot — উষ্ণ ক্রিম রঙের কাগজের সাথে একটিমাত্র কমলা রঙের ছোঁয়া। হাবস্পট দেখতে অনেকটা ভারী কাগজে ছাপা একটি ডিজাইনার ম্যাগাজিনের মতো—সেরিফ হেডলাইন, উষ্ণ ক্রিম রঙের পাতা এবং একটিমাত্র উজ্জ্বল কমলা রঙের ছোঁয়া যা কেবল সবচেয়ে গুরুত্বপূর্ণ বিষয়গুলোকেই তুলে ধরে।
  • Granola — উষ্ণ ভেলাম কাগজে লেখা ফিল্ড নোটস—‘গ্রানোলা’ পড়তে অনেকটা রোদ ঝলমলে ডেস্কে খোলা একটি পুরোনো মোলস্কিন নোটবুকের মতো লাগে: সেরিফ শিরোনামগুলো একটি দৃঢ়তার অনুভূতি দেয়, প্রাকৃতিক সবুজ ছোঁয়াগুলো উদ্ভিদ-ভিত্তিক কালির মতো, এবং কার্ডগুলোর প্রান্তের সূক্ষ্ম রেখাগুলো হাতে লেখা নোটের মতো দেখায়।
  • Secure — দিনের স্নিগ্ধ আলোয় ইউরোপের কোনো ক্যাফেতে কথোপকথন হলো ভিডিও কলিংয়ের এক উষ্ণ ও রুচিশীল রূপ, যেখানে সেরিফ ফন্টের শিরোনামগুলো কোনো প্রযুক্তি পণ্যের পৃষ্ঠার মতো না হয়ে, একটি চিন্তাশীল ম্যাগাজিন প্রবন্ধের মতো মনে হয়।
  • Mockups made easy — সাদা কাগজে সম্পাদকীয় ডিজাইন স্টুডিও