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

Ciridae

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

Ciridae একটি শূন্যতার মধ্যে কাজ করে: একটি #0b0b0b ক্যানভাস, প্রায় অদৃশ্য আউটলাইনসহ পিল-আকৃতির কন্ট্রোল, এবং Pragmatica Cond-এর ৪০০ ওয়েটের আপারকেসে আবদ্ধ টাইপোগ্রাফি—কোনো বোল্ড নেই, কোনো মিক্সড কেস নেই, কোনো আলংকারিক উপাদান নেই। একমাত্র বর্ণিল ছোঁয়া হলো #cc6437, একটি উষ্ণ, চাপা মরিচার আভা যা সবচেয়ে পাতলা স্ট্রোক এবং ছোট অ্যাকসেন্ট যতিচিহ্ন হিসেবে ব্যবহৃত হয়, কখনোই ফিল হিসেবে নয়। মানচিত্রগুলো #272a2a ক্যানভাসের উপর ১০ পিক্সেল ব্যাসার্ধ এবং কোনো ছায়া ছাড়াই ভেসে থাকে; সিস্টেমটি উচ্চতাকে পরিহার করে, টোনাল কনট্রাস্ট এবং সূক্ষ্মতম ১ পিক্সেল বর্ডারের মাধ্যমে পৃষ্ঠতলকে সংজ্ঞায়িত করে। ফুল-স্ক্রিন মোডে ছবিগুলো খুব বেশি ঝাপসা এবং বায়ুমণ্ডলীয়—তরল মার্বেল, ধোঁয়া, আগুন—যা লেখার পেছনে স্থাপন করা হয়, ফলে দৃশ্যমান চিত্রকল্পটি সচিত্র হওয়ার চেয়ে বেশি বায়ুমণ্ডলীয় মনে হয়।

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

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

প্যালেট

ব্র্যান্ড

  • Ember Rust #cc6437 — অ্যাকসেন্ট স্ট্রোক, আইকন লাইন এবং ছোট টেক্সট হাইলাইট হলো একটি মনোক্রোম সিস্টেমের একমাত্র ক্রোমাটিক রঙ, যা ফিল হিসেবে না এসে বরং একটি প্রায় অদৃশ্য স্পন্দিত দাগের মতো দেখায়।

নিরপেক্ষ

  • Void Black #0b0b0b — মূল পৃষ্ঠা এবং বিভাগগুলির জন্য পটভূমি চিত্র; যা সমগ্র সিস্টেমের ভিত্তি।
  • Charcoal Surface #272a2a — অন্ধকার অংশে কার্ডবোর্ড ও প্যানেল দিয়ে তৈরি পটভূমির ছবিগুলো ক্যানভাসের চেয়ে এক টোন হালকা হয়, যাতে ছায়া ছাড়াই পৃষ্ঠতলগুলোর মধ্যে একটি বিভাজন তৈরি করা যায়।
  • Bone #edebe7 — পটভূমি এবং পৃষ্ঠতলের উজ্জ্বল অংশগুলো ক্রিম রঙের, যেখানে সিস্টেমটি অন্ধকার থেকে আলোতে পরিবর্তিত হয়।
  • Bone Darker #dfddd9 — বহুস্তরবিশিষ্ট আলোক পৃষ্ঠতল এবং উষ্ণ, প্রায় সাদা রঙের উপাদানগুলোর জন্য ‘বোন’ নামক একটি কোমল আভা।
  • Pure White #ffffff — সমস্ত মূল লেখা ও শিরোনাম, বাটনের অদৃশ্য বর্ডার এবং নেভিগেশন উপাদানগুলো একটি শূন্য কালো পটভূমিতে প্রাথমিক রঙে ১৯.৭:১ কনট্রাস্ট রেশিওতে রয়েছে।
  • Abyss #050505 — নিউজ স্ট্রিপের (উপরের নিউজ স্ট্রিপ) জন্য ব্যাকগ্রাউন্ডটি মূল ক্যানভাসের চেয়ে এক শেড গাঢ় করে উঁচু করা হয়েছে, যাতে স্ট্রিপটি আলাদাভাবে চোখে পড়ে।

টাইপোগ্রাফি

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

  • Pragmatica Cond — প্রতিস্থাপন: Oswald · রূপরেখা 400 · প্রাথমিক ডিসপ্লে এবং ইউজার ইন্টারফেস ফন্টটি হলো একটি সংকীর্ণ, কনডেন্সড ফন্ট, যেখানে মূল লেখার জন্য সব অক্ষর বড় হাতের (all caps) ১৪ পিক্সেল, সেকশন হেডিংয়ের জন্য ২০ পিক্সেল এবং প্রধান লেখার জন্য ৩২ পিক্সেল ব্যবহার করা হয়। একটি অত্যন্ত সংকীর্ণ ফন্ট এবং মূল লেখার জন্য সব অক্ষর বড় হাতের (all caps) ব্যবহারই এই সিস্টেমের সবচেয়ে বৈশিষ্ট্যপূর্ণ সমাধান: মূল লেখা সাধারণ গদ্যের মতো না হয়ে, স্থাপত্যের টাইপফেসের ফিসফিসানির মতো শোনায়। Pragmatica Condensed উপলব্ধ না থাকলে Oswald বা Barlow Condensed দিয়ে প্রতিস্থাপন করুন।
  • Pragmatica — প্রতিস্থাপন: Inter · রূপরেখা 400 · দীর্ঘ গদ্য রচনার জন্য ব্যবহৃত একটি গৌণ ও প্রাথমিক ফন্ট (যেমন, "এআই অপারেটিং সিস্টেম" কার্ডের বিবরণটি ২৪ পিক্সেল, অনুচ্ছেদের লেখা ১৫ পিক্সেল)। বড় ব্লকে সহজে পড়ার সুবিধার জন্য এটি প্র্যাগম্যাটিকা কন্ড (Pragmatica Cond)-এর চেয়ে সামান্য চওড়া, কিন্তু এর ওয়েট ৪০০—কখনোই বোল্ড নয়। এর পরিবর্তে ইন্টার (Inter) বা সোন (Söhne) ব্যবহার করুন।
  • Roboto Mono — প্রতিস্থাপন: Roboto Mono (free · রূপরেখা 400 · একটি নিউজ টিকারের জন্য ব্যবহৃত মনোস্পেসড মাইক্রোফন্ট ("NEWS • JUNE 15, 2026 • CRUCIBLE EARLY ACCESS NOW OPEN")। মনোস্পেসড ফন্টটি শুধুমাত্র এখানেই ব্যবহৃত হয়েছে, যা একটি সুস্পষ্ট কার্যকরী পার্থক্য তৈরি করে: এটি সিস্টেম ডেটা, ব্র্যান্ডিং নয়।

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

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

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

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

একই রকম শৈলী

  • Dala — কালো মখমলের উপর ভাসমান একটি নক্ষত্রপুঞ্জ
  • Linear — মধ্যরাতের নির্ভুল যন্ত্র
  • Resend — বেগুনি নিয়ন রঙের কালো মখমল
  • Dovetail — কালো চাঁদের নিচে একটি নকশা—প্রায় অদৃশ্য গ্রাফের রেখা, সাদা হরফ, একটি বেগুনি আভা।
  • Neon — অন্ধকার নামার পর একটি সার্ভার রুম। নিরেট অন্ধকার, যেখানে একমাত্র আলো আসে ডেটা এবং ব্যবহারকারীর কার্যকলাপ থেকে।
  • Discord — গেমের জগৎটি একটি পপ-আপ চ্যাট উইন্ডোর আড়ালে লুকানো থাকে — এর প্রতিটি অংশই নিজস্ব আলো ও চরিত্রসমষ্টিসহ একটি স্বয়ংসম্পূর্ণ পরিবেশ।
  • Aaru — মধ্যরাতে পার্টিকল ফিল্ড অবজারভেটরি
  • Atlas Card — একমাত্র নীলকান্তমণি রশ্মিযুক্ত মিডনাইট ভল্ট হলো এক ঘোর অন্ধকার বিস্তীর্ণ স্থান, যেখানে একমাত্র গভীর বৈদ্যুতিক নীল রঙটিই গুরুত্বপূর্ণ।
  • Midjourney — গভীর সমুদ্রে একটি জৈব-আলোকবাহী টার্মিনাল। এক গভীর-সমুদ্রের জগৎ, যেখানে বুদ্ধিমত্তা ASCII প্রবাহে দৃশ্যমানভাবে নিজেকে তৈরি করে, এবং নিয়ন্ত্রণ ব্যবস্থাগুলো আবছাভাবে জ্বলজ্বলে নকশা হিসেবে আবির্ভূত হয়।
  • Checkly — গভীর কক্ষপথ মিশন নিয়ন্ত্রণ কেন্দ্র
  • Krea — মধ্যরাতে গ্যালারি নোয়ার
  • Wope — Wope হলো একটি বেগুনি দিগন্ত ইন্টারফেস। কল্পনা করুন একটি অন্ধকার মানমন্দিরের টেবিল, যার কাঁচের নিচ থেকে বেগুনি আলো বিচ্ছুরিত হচ্ছে।