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

Spotify

রাতের জুকবক্স নিয়ন্ত্রণ কক্ষ

স্পটিফাই-এর ওয়েব ইন্টারফেসটি একটি ঘন, ডার্ক মিডিয়া কন্ট্রোল সেন্টার: একটি প্রায়-কালো ক্যানভাস যা প্রাণবন্ত অ্যালবাম আর্ট, একটি স্বতন্ত্র সবুজ অ্যাকসেন্ট এবং পিল-আকৃতির কন্ট্রোল দিয়ে সজ্জিত। এর টাইপোগ্রাফি সংক্ষিপ্ত এবং ব্যবহারিক—একটি বিশেষভাবে ডিজাইন করা জ্যামিতিক স্যান্স-সেরিফ টাইপফেস যা ছোট আকারের, এবং এটি অ্যালবাম আর্ট ও শিল্পীর ছবিকে ভিজ্যুয়াল কাজের সিংহভাগ করতে সাহায্য করে। এর লেআউটটি একটি নির্দিষ্ট দুই-কলামের কাঠামো (সাইডবার + মূল ফিড) যেখানে বর্গাকার অ্যালবাম আর্ট এবং গোলাকার অ্যাভাটারের একটি গ্রিড রয়েছে, যা জ্যামিতিক টাইপের একটি ছন্দময় পর্যায়ক্রম তৈরি করে। ইন্টারফেসটি উচ্চতার আকস্মিক পরিবর্তন এড়িয়ে চলে, বরং সূক্ষ্ম পৃষ্ঠতলের পার্থক্যের উপর নির্ভর করে (#000000 ক্যানভাসে #121212 কার্ড) এবং প্রাণবন্ততার জন্য একটি বড় গ্রেডিয়েন্ট ব্যানার ব্যবহার করে। এর ফলে একটি ডিজে বুথের অনুভূতি তৈরি হয়: তথ্যে পরিপূর্ণ, শব্দগতভাবে অন্ধকার এবং এক নজরেই বাজানোর জন্য প্রস্তুত।

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

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

প্যালেট

ব্র্যান্ড

  • Spotify Green #1ed760 — সবুজ রঙ আলংকারিক বিবরণের জন্য গৌণ অনুষঙ্গ হিসেবে এবং কম ব্যবহৃত সার্চ কোয়েরিগুলোকে হাইলাইট করতে ব্যবহার করা হয়। কল টু অ্যাকশন-এর জন্য এটিকে প্রাথমিক রঙ হিসেবে ব্যবহার করা উচিত নয়।

নিরপেক্ষ

  • Pure White #ffffff — একটি অনাড়ম্বর পটভূমি তৈরি করতে এবং বিভিন্ন অংশ আলাদা করার জন্য এটি একটি হালকা সহায়ক পৃষ্ঠ। এটিকে কল টু অ্যাকশন-এর প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।
  • Signal Red #b85850 — লাল রঙ আলংকারিক বিবরণের জন্য সহায়ক অনুষঙ্গ হিসেবে এবং অপ্রচলিত রঙগুলোকে ফুটিয়ে তুলতে ব্যবহৃত হয়। এটিকে সহায়ক অনুষঙ্গ হিসেবে ব্যবহার করুন, মর্যাদার প্রতীক হিসেবে নয়।
  • Void Black #000000 — পৃষ্ঠার ক্যানভাস, শীর্ষ নেভিগেশন পটভূমি, গভীরতম পৃষ্ঠ স্তর
  • Carbon #121212 — কার্ডবোর্ডের পৃষ্ঠতল, পাশের প্যানেল, ক্যানভাসের উপর দ্বিতীয় স্তরের উপরিভাগ
  • Graphite #1f1f1f — উত্তোলিত পৃষ্ঠতল - হোভার অবস্থা, ইনপুট ফিল্ড, নির্বাচিত নেভিগেশন উপাদানসমূহ।
  • Smoke #292929 — সক্রিয় নেভিগেশন ব্যাকগ্রাউন্ড, হালকা ব্যাকলাইট প্রভাব।

টাইপোগ্রাফি

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

  • SpotifyMixUI — প্রতিস্থাপন: Inter · রূপরেখা 400, 600, 700 · মূল লেখা, নেভিগেশন, বাটন, মেটাডেটা, ছোট ক্যাপশন—একটি সংক্ষিপ্ত ও তথ্যসমৃদ্ধ ডিজাইন যা সূক্ষ্মভাবে তৈরি করা হয়েছে, যাতে শৈল্পিক উপাদানগুলোই প্রাধান্য পায়।
  • SpotifyMixUITitle — প্রতিস্থাপন: Inter weight 700 · রূপরেখা 700 · বিভাগের শিরোনামগুলো (“জনপ্রিয় গান,” “জনপ্রিয় শিল্পী”) - একটি গাঢ় ও মাঝারি আকারের ফন্ট কার্ড গ্রিডকে ভারাক্রান্ত না করেই শিরোনামগুলোকে সুস্পষ্ট করে তোলে।

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

উদ্দেশ্যঅর্থ
ঘনত্বঘন
প্রাথমিক পদক্ষেপ8-12px
বোতামের ব্যাসার্ধ9999px
কার্ডের ব্যাসার্ধ6px
ছায়ান্যূনতম
বিভাগগুলির মধ্যে32-48px

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

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

একই রকম শৈলী

  • Resend — বেগুনি নিয়ন রঙের কালো মখমল
  • Neon — অন্ধকার নামার পর একটি সার্ভার রুম। নিরেট অন্ধকার, যেখানে একমাত্র আলো আসে ডেটা এবং ব্যবহারকারীর কার্যকলাপ থেকে।
  • Discord — গেমের জগৎটি একটি পপ-আপ চ্যাট উইন্ডোর আড়ালে লুকানো থাকে — এর প্রতিটি অংশই নিজস্ব আলো ও চরিত্রসমষ্টিসহ একটি স্বয়ংসম্পূর্ণ পরিবেশ।
  • Idle Finance — গভীর সমুদ্র টার্মিনালগুলোর নিয়ন আলোয় আলোকিত ট্রেডিং ফ্লোরটি হলো একটি অন্ধকার নৌ টার্মিনাল, যেখানে একটিমাত্র নীল আলো আঁধারকে ভেদ করে।
  • Midjourney — গভীর সমুদ্রে একটি জৈব-আলোকবাহী টার্মিনাল। এক গভীর-সমুদ্রের জগৎ, যেখানে বুদ্ধিমত্তা ASCII প্রবাহে দৃশ্যমানভাবে নিজেকে তৈরি করে, এবং নিয়ন্ত্রণ ব্যবস্থাগুলো আবছাভাবে জ্বলজ্বলে নকশা হিসেবে আবির্ভূত হয়।
  • Netflix — অসীম ডিজিটাল শেলফ। এক সিনেম্যাটিক অভিজ্ঞতা, যেখানে ঘোর অন্ধকার এক নাট্যমঞ্চের আবহে বিষয়বস্তুর এক অফুরন্ত ভান্ডার উপস্থাপন করা হয়।
  • Wope — Wope হলো একটি বেগুনি দিগন্ত ইন্টারফেস। কল্পনা করুন একটি অন্ধকার মানমন্দিরের টেবিল, যার কাঁচের নিচ থেকে বেগুনি আলো বিচ্ছুরিত হচ্ছে।
  • basement — ভোর ৩টায় একটা খালি ছাপাখানা – ঘুটঘুটে কালো পটভূমিতে বিশাল, সংকুচিত ফন্টগুলো ছড়িয়ে আছে, নেভিগেশন বারে কমলা আলোর একটিমাত্র ক্ষীণ আভা, বাকি সব সাদা বা ভুতুড়ে ধূসর।
  • Ori — মধ্যরাতে সার্ভার রুমটা একটা কালো শূন্যতা, সাদা আলো, একটা সুইচ অন।
  • Amaterasu — স্বর্গীয় ফিরোজা অভয়ারণ্য
  • Stink Studios — মধ্যরাতের একটি ফিল্ম স্টুডিও — প্রজেক্টরের গুঞ্জন, ঘরটা অন্ধকার, শুধু ফিল্মটাই আলোকিত।
  • Obsidian — স্ফটিকের মতো স্বচ্ছ জ্ঞানের এক ভান্ডার। স্বচ্ছতা ও মনোযোগের জন্য পরিকল্পিত একটি সুস্পষ্ট, বহুমাত্রিক ডিজিটাল পরিসর, যেখানে রয়েছে মিথস্ক্রিয়ার উজ্জ্বল বেগুনি শিরা।