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

ElevenLabs

উষ্ণ ক্রিম রঙের ছোঁয়ায় তোলা একটি আলোকচিত্র-প্রবন্ধ, সাথে রয়েছে সূক্ষ্ম শিরোনাম। বাউহাউস-শৈলীর একটি নোটবুক—ডিমের খোসার মতো রঙের কাগজ, কালো কালি, এবং পণ্য প্রদর্শনের জন্য একটিমাত্র বেগুনি ও কমলা রঙের অলঙ্করণ।

ElevenLabs একটি উষ্ণ, সাদা মিনিমালিস্ট শৈলীতে কাজ করে: ডিমের খোসার মতো রঙের একটি ক্যানভাস (#fdfcfc), যেখানে কালো টাইপ এবং উষ্ণ টোপ (#f5f3f1) রঙের পৃষ্ঠতলের একটি একক স্তর থাকে। ব্র্যান্ডের পরিচিতিটি শান্ত ও আত্মবিশ্বাসী—প্রায় অদৃশ্য Waldenburg 300 টাইপফেসটি শিরোনামগুলোকে অত্যন্ত স্পষ্টতার সাথে (-0.02em) তুলে ধরে, অন্যদিকে Inter 400/500 বাকি সবকিছুকে একটি শান্ত নিরপেক্ষতা দেয়। দুটি অ্যাকসেন্ট রঙ—উজ্জ্বল বেগুনি #0447ff এবং উজ্জ্বল কমলা #ff4704—শুধুমাত্র পণ্যের ভিজ্যুয়াল উপাদানগুলিতে (অডিওস্ফিয়ার, পণ্যের আইকন) ফুটে ওঠে, UI-তে কখনও অতিরিক্ত চাকচিক্য হিসেবে নয়। কম্পোনেন্টগুলো পাতলা ১ পিক্সেল বর্ডার, কার্ডে চওড়া ২০ পিক্সেল ব্যাসার্ধ এবং সম্পূর্ণ ভরাট ৯৯৯৯ পিক্সেল বাটন সহ সমতল বা সামান্য উঁচু থাকে। এই সিস্টেমটি ক্রিম রঙের কাগজের উপর একটি বাউহাউস স্টুডিওর কথা মনে করিয়ে দেয়: সংযত, সম্পাদকীয় এবং প্রযুক্তিগতভাবে নির্ভুল।

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

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

প্যালেট

ব্র্যান্ড

  • Violet Spark #0447ff — পণ্যের দৃশ্যগত গুরুত্ব - শুধুমাত্র অডিও স্ফিয়ারের চিত্র এবং আলংকারিক পণ্যের আইকনের মধ্যে প্রদর্শিত হয়; ইন্টারফেস উপাদানের জন্য কখনও ব্যবহৃত হয় না।

নিরপেক্ষ

  • Eggshell #fdfcfc — ডিজিটাল ঝলকানি এড়াতে এবং সাইটটিকে কাগজের মতো স্নিগ্ধতা দিতে, পেজের ক্যানভাস, বোতামের উপরিভাগ এবং কার্ডের পৃষ্ঠতল তীব্র সাদা না হয়ে উষ্ণ ও হালকা ক্রিম রঙের করা হয়েছে।
  • Warm Taupe #f5f3f1 — বিভাজক স্ট্রিপ, আলংকারিক কার্ড এবং একটি অতিরিক্ত পৃষ্ঠতল—যা ম্যাট পৃষ্ঠতলের চেয়ে এক ধাপ গভীর—একটি শান্ত ও সীমাহীন বিভাজন তৈরি করে।
  • Stone #ebe8e4 — পাতলা বর্ডার, ডিভাইডার এবং আইকনের ব্যাকগ্রাউন্ডগুলো একটি উষ্ণ ধূসর রঙের, যা টোপ ও মাঝারি ধূসরের মাঝামাঝি হলেও শীতল মনে হয় না।
  • Ink #000000 — মূল টেক্সট, ফিল করা বাটন, নেভিগেশন বা লিঙ্ক—যা-ই হোক না কেন, নিখুঁত কালো রঙ একটি উষ্ণ রঙের প্যালেটের ভিত্তি হিসেবে কাজ করে এবং সিস্টেমে একমাত্র সুস্পষ্ট বৈসাদৃশ্য তৈরি করে।
  • Graphite #44403b — মূল লেখা, অধ্যায়ের শিরোনাম – যে লেখাগুলোকে কালোর কঠোরতা ছাড়াই আকর্ষণীয় করে তুলতে হবে, সেগুলোর জন্য একটি স্নিগ্ধ উষ্ণ গাঢ় ধূসর রঙ।
  • Smoke #777169 — মূল লেখা, বিশদ বিবরণ এবং ক্যাপশনগুলো মাঝারি-উষ্ণ ধূসর রঙে রয়েছে; যা কার্ড এবং বিষয়ভিত্তিক লেখাগুলোর প্রভাবশালী, পাঠযোগ্য অথচ শান্ত শৈলী।

টাইপোগ্রাফি

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

  • Waldenburg — প্রতিস্থাপন: Inter (300) or Söhne Light · রূপরেখা 300 · শুধুমাত্র শিরোনাম এবং ডিজাইন উপাদানের জন্য। 48/36/32px ফরম্যাটে 300 ফন্ট ওয়েটে ব্যবহৃত হয়—একটি অতি-হালকা ফন্ট প্রচলিত নয়; বেশিরভাগ ওয়েবসাইট 600-700 ব্যবহার করে; এই সূক্ষ্ম ফন্টটি সংযমের মাধ্যমে কর্তৃত্ব প্রকাশ করে। -0.02em এর টাইট লেটার স্পেসিং বড় আকারে অক্ষরগুলির মধ্যে আরও ঘনিষ্ঠ ফিট তৈরি করে। বিকল্প: 300 ওয়েটের "Inter" অথবা প্রিমিয়াম বিকল্প হিসেবে লাইট ওয়েটের "Söhne"।
  • Inter — প্রতিস্থাপন: Inter or system-ui · রূপরেখা 400, 500 · স্ক্রিনের বাইরে থাকা সবকিছু: মূল লেখা, নেভিগেশন, বাটন, লিঙ্ক, লেবেল, ইনপুট ফিল্ড, কার্ড। 400 হলো ডিফল্ট ওয়েট; 500 বাটন এবং হাইলাইট করা লিঙ্কের জন্য সংরক্ষিত। সাইজ 10 থেকে 10 পর্যন্ত, কম লাইন স্পেসিং (1.47–1.6) সহ, যা প্যারাগ্রাফগুলিকে শ্বাস ফেলার জায়গা দেয়। 14 থেকে 3 পর্যন্ত সাইজে +1 (2) এর ছোট লেটার স্পেসিং ছোট আকারে পাঠযোগ্যতা উন্নত করে।
  • Geist Mono — প্রতিস্থাপন: JetBrains Mono or IBM Plex Mono · রূপরেখা 400 · কোড বা প্রযুক্তিগত লেখার পাশে অবস্থিত মাইক্রোটেক্সট, ১৩ পিক্সেল দূরত্বে স্থাপিত—প্রযুক্তিগত লেবেল বা মেটাডেটার জন্য খুব কম ব্যবহৃত হয় (ফ্রিকোয়েন্সি = ২৮)। একক লেয়ার, লাইন হাইট ১.৬৯।

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

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

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

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

একই রকম শৈলী

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

বিভাগ অনুযায়ী শৈলীর তালিকা