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

Glossier

সূর্যালোকে ফটোশুট - সাদা কাগজ, কালো কালি, একটি উজ্জ্বল হলুদ অ্যাকসেন্ট

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

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

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

প্যালেট

ব্র্যান্ড

  • Glossier Yellow #fff116 — হলুদ রঙ আলংকারিক বিবরণের জন্য গৌণ অনুষঙ্গ হিসেবে এবং কম ব্যবহৃত সার্চ কোয়েরিগুলোকে হাইলাইট করতে ব্যবহার করা হয়। কোনো অ্যাকশন নেওয়ার আহ্বানের জন্য এটিকে প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।

নিরপেক্ষ

  • Ink #000000 — মূল লেখা, নেভিগেশন লিঙ্ক, প্রধান লেখা, ফুটার টেক্সট, আইকনের রূপরেখা, পাতলা বর্ডার; প্রধান টাইপোগ্রাফিক ও কাঠামোগত রঙ।
  • Paper #ffffff — প্রোডাক্ট কার্ডের পৃষ্ঠতল, ভরাট করার স্থান, উঁচু প্যানেল; স্তূপের মধ্যে সবচেয়ে উজ্জ্বল পৃষ্ঠতল।
  • Fog #f7f7f7 — পেজ ক্যানভাস, সেকশনের ব্যাকগ্রাউন্ড, পেজের ছবিগুলোর মধ্যে ট্রানজিশন; এটিই সেই মূল ভিত্তি যার উপর সম্পূর্ণ ওয়েবসাইটটি অবস্থিত।
  • Blush #faf2f4 — ফুটারের পটভূমি, নরম উষ্ণ বিভাগ বিভাজক; হালকা গোলাপী-সাদা আভা পৃষ্ঠাগুলির নীচে উষ্ণতা যোগ করে।
  • Mist #f0f0f0 — একটি অনাড়ম্বর পটভূমি তৈরি করতে এবং বিভিন্ন অংশ আলাদা করার জন্য এটি একটি হালকা সহায়ক পৃষ্ঠ। এটিকে কল টু অ্যাকশন-এর প্রধান রঙ হিসেবে ব্যবহার করা উচিত নয়।
  • Ash #e8e8e8 — ইনপুট ফিল্ডের বর্ডার, আইকনের ব্যাকগ্রাউন্ড, পাতলা বিভাজক রেখা; কার্ড এবং ফর্ম এলিমেন্টের জন্য কাঠামোগত বর্ডারের রঙ।

টাইপোগ্রাফি

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

  • Apercu — প্রতিস্থাপন: Inter · রূপরেখা 400, 500, 700 · ইউজার ইন্টারফেস জুড়ে প্রধান টাইপফেসটি ব্যবহার করা হয়েছে—বডি কপিতে ১৬ পিক্সেল/৪০০, নেভিগেশন ও ক্যাপশনে ১২-১৪ পিক্সেল/৫০০, সাবহেডিংয়ে ২০ পিক্সেল/৫০০, এবং সম্পাদকীয় শিরোনামে ৩২ পিক্সেল/৭০০। অ্যাপার্কু-র জ্যামিতিক, মানবতাবাদী ডিজাইন ব্র্যান্ডটিকে একটি সংক্ষিপ্ত, আধুনিক শৈলী প্রদান করে; এর প্রায়-শূন্য লেটার স্পেসিং (০.০০২-০.০০৩em) টাইপফেসটিকে হালকা বা বন্ধুত্বপূর্ণ না করে বরং কম্প্যাক্ট এবং ম্যাগাজিনের মতো করে তোলে। ৭০০ ওয়েটটি সম্পাদকীয়র ডিসপ্লে এলিমেন্টের জন্য সংরক্ষিত, UI এলিমেন্টের জন্য নয়।
  • Apercu Mono — প্রতিস্থাপন: JetBrains Mono or IBM Plex Mono · রূপরেখা 400 · অর্ডার মেটাডেটা, ট্র্যাকিং নম্বর এবং কোডের পাশের লেবেলের জন্য মাইক্রো-ইউটিলিটারিয়ান টাইপোগ্রাফি; এর মনোস্পেসড সংস্করণটি প্রপোর্শনাল বডি টাইপের বিপরীতে একটি টেকনিক্যাল টেক্সচার তৈরি করে।
  • GTStandard-M — প্রতিস্থাপন: Inter · রূপরেখা 400 · GTStandard-M - সংগৃহীত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।

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

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

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

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

একই রকম শৈলী

  • Lightship — খোলা রাস্তার এক চলচ্চিত্রীয় ডায়োরামা। উষ্ণ ক্রিম রঙের গ্যালারির দেয়ালগুলো কাছাকাছি দূরত্বে লাগানো বড় বড় প্রাকৃতিক দৃশ্যের ছবিতে সজ্জিত; ফ্রেমগুলোর ওপর সরু কালো হরফ প্রায় অদৃশ্য, আর একটিমাত্র উজ্জ্বল কমলা রঙের ছোঁয়া একরঙা পরিবেশকে ভেঙে দিচ্ছে, যেন কোনো তৃণভূমিতে জ্বলতে থাকা অগ্নিকুণ্ড।
  • Faire ES — উষ্ণ ক্রিমের পাইকারি ক্যাটালগ
  • Adanola — সাদা কাগজের উপর একটি এডিটোরিয়াল লুকবুক। একটি ফ্যাশন শুট, যেখানে পরিচ্ছন্ন সাদা পৃষ্ঠতলে টাইপোগ্রাফি ও ফটোগ্রাফি প্রাণবন্ত হয়ে ওঠে; টাইপফেসের জন্য ব্যবহৃত হয়েছে কালো কালি এবং ব্র্যান্ডের সামগ্রিক শৈলীকে প্রতিফলিত করে একটি সূক্ষ্ম সিগনেচার স্যান্স-সেরিফ ফন্ট (ফেভারিট)।
  • Oura Ring — নরম দিনের আলোয় স্নাত একটি আরামদায়ক ওটমিল তৈরির কর্মশালা।
  • Stykka — শুভ্র আলোয় উদ্ভাসিত একটি স্ক্যান্ডিনেভিয়ান কর্মশালা – এক শান্ত, হস্তনির্মিত শোরুম, যেখানে একমাত্র কণ্ঠস্বর হলো ফটোগ্রাফি।
  • DJI — মহাকাশীয় কালো ক্যানভাস, সাথে একটিমাত্র বৈদ্যুতিক নীল হাইলাইট
  • Altitude Beverages — একবর্ণী ম্যাগাজিন স্প্রেড। এমন একটি ফ্যাশন ম্যাগাজিনের স্প্রেডের কথা ভাবুন, যেখানে স্থির ছবিগুলো ছাড়া আর কোনো রঙ নেই—শুধু লেখা আর সাদা অংশই পুরো গল্পটা বলে দেয়।
  • AATHER — একটি খোলা অঞ্জলি, একটিমাত্র শিখা — নিস্তব্ধতার মাঝে আবদ্ধ এক নীরব বিলাসিতা।
  • Cowboy — তুষার-সাদা চীনামাটির আবহে অবস্থিত একটি বেলজিয়ান বাইসাইকেল গ্যালারি। এমন একটি শোরুম, যেখানে অনুজ্জ্বল পৃষ্ঠতল, সম্পাদকীয় উপকরণে ব্যবহৃত বড় হরফ এবং সজ্জার প্রায় অনুপস্থিতি চোখকে বাইসাইকেল ও তার ভেতরের জিনিসপত্রের দিকে আকর্ষণ করে।
  • Refero — সাদা মার্বেলের উপর সম্পাদকীয় বিন্যাস - একজন টাইপোগ্রাফারের তৈরি একটি পণ্যের পৃষ্ঠা, যেখানে সেরিফ শিরোনামটিই ব্র্যান্ডের পরিচয়চিহ্ন এবং বাকি সবকিছুই অনাড়ম্বর।
  • Face Formula — একটি স্ক্যান্ডিনেভিয়ান সম্পাদকীয় প্রতিকৃতি। শান্ত, ম্যাগাজিন-শৈলীর একটি স্প্রেড, যেখানে শীতল, কুয়াশাচ্ছন্ন পটভূমির বিপরীতে মডেলের চাহনি এবং কনডেন্সড সেরিফ ফন্টে লেখা শিরোনামটি নিজেই নিজের কথা বলে।
  • Shupatto — সাদা মার্বেলের উপর জাদুঘরের প্রদর্শনী বাক্স