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

Peak Design

গ্যালারির দেয়াল, আংশিকভাবে আলোকিত

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

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

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

প্যালেট

নিরপেক্ষ

  • Carbon Ink #1a211e — মূল লেখা, গাঢ় সাইডবার, মূল লেখা, আইকন, হালকা পৃষ্ঠের উপর ফ্রেম — একটি প্রায়-কালো রঙ যা প্রতিটি শিরোনামের ভিত্তি হিসেবে কাজ করে এবং বিভক্ত বিভাগগুলোর গাঢ় পটভূমির প্যানেল তৈরি করে।
  • Paper White #ffffff — একটি অনাড়ম্বর পটভূমি তৈরি করতে এবং বিভিন্ন অংশ আলাদা করার জন্য এটি একটি হালকা সহায়ক পৃষ্ঠ। এটিকে কল টু অ্যাকশন-এর প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।
  • True Black #000000 — সর্বাধিক বৈসাদৃশ্যযুক্ত উপাদানগুলো—যেমন সাদা পটভূমিতে হেডার ফিল, অ্যানাউন্সমেন্ট বার, ফুটার ডিজাইন, আইকনের সলিড আউটলাইন—সেখানে স্থাপন করা হয় যেখানে ডিজাইনে সবচেয়ে স্পষ্ট রেখার প্রয়োজন হয়।
  • Obsidian #0c0c0c — গভীর প্যানেল পৃষ্ঠতল এবং ইমেজ ওভারলে - খাঁটি কালোর চেয়ে কিছুটা নরম, যা স্ক্রিনের পুরো পৃষ্ঠ জুড়ে থাকা অন্ধকার অংশের জন্য ব্যবহৃত হয় এবং এটিকে দৃঢ় মনে হওয়া উচিত, কিন্তু ফ্ল্যাট ব্ল্যাকের মতো কর্কশ নয়।
  • Fog #eef1f0 — একটি অনাড়ম্বর পটভূমি তৈরি করতে এবং বিভিন্ন অংশ আলাদা করার জন্য এটি একটি হালকা সহায়ক পৃষ্ঠ। এটিকে কল টু অ্যাকশন-এর প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।
  • Mist #e0e0e0 — বিভাজন রেখা, অক্ষম অবস্থা, সূক্ষ্ম কাঠামোগত বিভাজক — একটি সাদা ক্যানভাসে বিভিন্ন অংশের সীমানা নির্ধারণকারী মাঝারি-হালকা ধূসর রঙ।

টাইপোগ্রাফি

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

  • Geist — প্রতিস্থাপন: Inter · রূপরেখা 400, 600, 700 · মূল লেখা, পণ্যের শিরোনাম, বিবরণ, ফর্ম ফিল্ড, লিঙ্কের লেখা এবং ফুটারের বিষয়বস্তু। ফন্টের ওজন: মূল লেখার জন্য ৪০০, হাইলাইটের জন্য ৬০০ এবং পণ্যের শিরোনাম ও গুরুত্বপূর্ণ ইনলাইন নোটের জন্য ৭০০। নিরপেক্ষ গ্রোটেস্ক ফন্টটি ডিসপ্লে সেরিফ এবং কন্ডেন্সড স্যান্স ফন্টকে ব্র্যান্ডের স্টাইল ফুটিয়ে তুলতে সাহায্য করে, অন্যদিকে গাইস্ট ফন্টটি কার্যকারিতা এবং পাঠযোগ্যতা নিশ্চিত করে।
  • Exposure-style serif (Exposure-10) — প্রতিস্থাপন: Playfair Display · রূপরেখা 400 · শিরোনাম এবং প্রধান শিরোনাম। একটি ইটালিক সেরিফ ফন্টে একক ওজন (400) সম্পাদকীয় কর্তৃত্ব তৈরি করে—এই শব্দগুলো ব্র্যান্ডের ভাব নির্ধারণ করে, যা পৃষ্ঠার সম্পূর্ণ প্রস্থ জুড়ে থাকা গাঢ় প্যানেলে এবং গুরুত্বপূর্ণ বিভাগগুলোর শুরুতে অল্প পরিমাণে ব্যবহৃত হয়। অক্ষরের মধ্যে কম ব্যবধান (-0.025em) বড় অক্ষরগুলোকে হালকা না দেখিয়ে সংযত দেখাতে সাহায্য করে।
  • Bryant-style condensed sans (bryant) — প্রতিস্থাপন: Druk Wide · রূপরেখা 700 · নেভিগেশন লেবেল, ক্যাটাগরি ফিল্টার বাটন, বাটনের টেক্সট, ‘আইব্রো’, সেকশন ট্যাগ এবং অতিরিক্ত শিরোনাম। সঠিক ব্যবধানসহ সংকুচিত বড় হাতের অক্ষর একটি শিল্পসম্মত, লেবেলের মতো শৈলী তৈরি করে—এই শব্দগুলো শনাক্ত করে ও নির্দেশ দেয়, কিন্তু কখনো বর্ণনা করে না।

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

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

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

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

একই রকম শৈলী

  • Arsenijs Fabrica — গ্যালারির আলোয় সম্পাদকীয় বিষয়বস্তুর অন্তর্নিহিত সৌন্দর্য উদ্ভাসিত হয়। গ্যালারির ঝকঝকে সাদা দেয়াল, একরঙা পটভূমির বিপরীতে কমলা রঙের স্পন্দনরত একটি উষ্ণ স্ট্রোব লাইট, কাঁচের মতো পাতলা অক্ষর এবং প্রচুর সাদা জায়গা।
  • 21 TSI — রক্তিম শূন্যতা, একটিমাত্র অবয়ব – একটি হাই ফ্যাশন এডিটোরিয়াল যেখানে ইউজার ইন্টারফেস বায়ুমণ্ডলে বিলীন হয়ে যায়।
  • Aevi Wellness — স্ক্যান্ডিনেভিয়ান অ্যাপোথেকারি শৈলীর, ওজনহীন টাইপফেস। একটি মৃদু ধূসর-নীল অ্যাকসেন্ট সম্পাদকীয় বিষয়বস্তুর সামগ্রিক বর্ণহীন, হালকা বিন্যাসকে ভেঙে দেয়, যেখানে একটি উষ্ণ সাদা পটভূমির বিপরীতে পাতলা বর্ডারযুক্ত কার্ডের উপর পণ্যের ছবি বসানো হয়েছে।
  • Palmer — নরম দিনের আলোয় একটি সিরামিক গ্যালারি – এখানে দেয়ালের সাথেই মিথস্ক্রিয়া ঘটে, এবং বস্তুগুলোই শিল্প।
  • PLATFORM — আলোচনার কেন্দ্রবিন্দুতে হোয়াইট কিউব গ্যালারি
  • Assembly Coffee London — অন্ধকার রোস্টারিতে কয়লা। প্রায় কালো এক ক্যানভাস, যেখানে রয়েছে উষ্ণ, আবছা আলোয় তোলা পণ্যের ছবি আর কারসিভ সেরিফ হরফ—যেন মধ্যরাতের কোনো সামিজদাতে ছাপা স্পেশালিটি কফি মেনু।
  • ARTWORLD — সাদা লিনেনের উপর ফ্যাশন ম্যাগাজিনের শিরোনাম
  • Structured — প্লাস্টিকিনের মতো কাগজে রেনেসাঁ গ্যালারি
  • Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
  • VISIONNAIRE — ঝকঝকে সাদা পটভূমিতে একটি স্ট্রিটওয়্যার এডিটোরিয়াল গ্যালারি। ব্র্যান্ডটি একটি মুদ্রিত লুকবুকের মতো আচরণ করে: একটি সমতল সাদা ক্যানভাস, ঝকঝকে কালো কালি, এবং কোনো পণ্য বা লোগো প্রদর্শনের জন্য কালার ব্লক হিসেবে ব্যবহৃত একটিমাত্র উষ্ণ ক্রিম রঙের প্যানেল।
  • Letter — সংগ্রহশালা থেকে আনা ঝকঝকে শিল্পকর্ম দিয়ে সজ্জিত একটি ব্যক্তিগত গ্যালারি। কালো দেয়ালযুক্ত একটি প্রদর্শনী স্থান, যেখানে গ্যালারির রঙিন দেয়ালে ক্রোম ভাস্কর্যের উপরে সেরিফযুক্ত শিরোনামগুলো ভেসে বেড়ায়।
  • Ramp — সম্পাদকীয় অর্থ বিভাগ, সাদা-কালো পাতা আর একটিমাত্র নিয়ন মার্কার। প্রকাশনাটির প্রায় একরঙা পৃষ্ঠতল, যেখানে একটিমাত্র উজ্জ্বল লেবু-সবুজ আঁচড় প্রতিটি মিথস্ক্রিয়াকে একটি আর্থিক সংকেতে রূপান্তরিত করে।