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

Foodnoms

সাদা চীনামাটির পাত্রে রৌদ্রোজ্জ্বল ফলের বাজার - উষ্ণ কমলা, তাজা শাক এবং ভরাট গোলাকার আকৃতি।

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

পেজটিতে একটি এক-কলাম, কেন্দ্র-সারিবদ্ধ, সম্পূর্ণ-প্রস্থের (~১২০০ পিক্সেল) লেআউট রয়েছে, যেখানে উল্লম্ব বিন্যাসের যথেষ্ট সমন্বয় করা হয়েছে। হেডারটি একটি পাতলা টপ বার, যার বাম দিকে লোগো, কেন্দ্রে নেভিগেশন এবং ডানদিকে একটি কমলা রঙে ভরা অ্যাকশন বাটন রয়েছে। হিরো সেকশনটি একটি কেন্দ্র-সারিবদ্ধ স্ট্যাক: একটি দুই-রঙা শিরোনাম, একটি এক-লাইনের সাবহেডার, একটি অ্যাপ স্টোর আইকন, এবং তারপর প্রস্থ বরাবর ছড়িয়ে থাকা ৩-৫টি ফোন মকআপের একটি সারি। হিরো সেকশনের নিচে একটি ২x৩ গ্রিডে কেন্দ্র-সারিবদ্ধ "As Recommended" প্রেস লোগো সেকশন রয়েছে। ফিচার সেকশনগুলো একটি পুনরাবৃত্তিমূলক প্যাটার্ন অনুসরণ করে: দুই-কলামের টেক্সট + ফোন মকআপ, পর্যায়ক্রমে দুই পাশে, এবং কমলা/সবুজ রঙের অ্যাকসেন্ট সেকশন হেডিং সহ। ফুটারের ঠিক আগের শেষ উপাদানটি হলো একটি সম্পূর্ণ-প্রস্থের ডাউনলোডযোগ্য CTA কার্ড। সেকশনগুলোর মাঝের ফাঁকা জায়গাগুলো যথেষ্ট প্রশস্ত (৯৬ পিক্সেল), যা একটি প্রশস্ত, গ্যালারির মতো অনুভূতি তৈরি করে। নেভিগেশনটি একটি মিনিমালিস্ট টপ বার - কোনো সাইডবার বা মেগা মেনু নেই।

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

প্যালেট

ব্র্যান্ড

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

নিরপেক্ষ

  • Graphite #2f2f2f — মূল লেখা, গাঢ় রঙের বাটন (অ্যাপ স্টোর আইকন), এবং আইকনের রূপরেখা। শিরোনাম এবং মূল লেখায় একটি প্রধান অ-সাদা রঙ।
  • Verdant Green #00b33f — সবুজ রঙটি আলংকারিক বিবরণে অতিরিক্ত মাত্রা যোগ করতে এবং নিম্ন কম্পাঙ্কগুলোকে ফুটিয়ে তুলতে ব্যবহৃত হয়।
  • Signal Red-Orange #ff3400 — একটি দ্বিতীয় উষ্ণ অ্যাকসেন্ট, যা অ্যাপ স্ক্রিনের UI এলিমেন্ট এবং সংশ্লিষ্ট ব্র্যান্ডিং-এ দৃশ্যমান। এমবার অরেঞ্জের চেয়ে এক টোন বেশি উষ্ণ এই অ্যাকসেন্টটি অ্যাপের নির্বাচিত বা সক্রিয় অবস্থাগুলোকে ফুটিয়ে তোলে।
  • Sky Blue #00a9dd — অ্যাপের অভ্যন্তরীণ ডেটা ক্যাটাগরিগুলোর (কার্বোহাইড্রেট/প্রোটিন/অন্যান্য পুষ্টি উপাদান) জন্য এটি একটি মনোরম বৈপরীত্য তৈরি করে। এটি ফোনের লেআউটে থাকা উষ্ণ ও প্রভাবশালী রঙের বিন্যাসের সাথে ভারসাম্য রক্ষা করে।
  • Mist Blue #72a2c5 — মিউটেড কুল অ্যাকসেন্ট - অ্যাপের মধ্যে অতিরিক্ত ডেটা লেবেল এবং চার্টের ব্যাকগ্রাউন্ডের জন্য আকাশী নীল রঙকে নরম করে।
  • Sunset Orange #ff6d00 — মার্কেটিং পেজের সেকেন্ডারি হেডিং এবং হাইলাইট করা টেক্সটের জন্য একটি উষ্ণ অ্যাকসেন্ট।

টাইপোগ্রাফি

১২ থেকে ৬০ পিক্সেল · ৭টি ধাপ

  • Aquawax Pro Medium — প্রতিস্থাপন: Inter · রূপরেখা 500 · অ্যাকোয়াক্স প্রো মিডিয়াম - সংগৃহীত ডেটাতে পাওয়া গেছে কিন্তু এআই দ্বারা বর্ণিত নয়।
  • Aquawax Pro — প্রতিস্থাপন: Nunito Sans · রূপরেখা 700, 500, 600 · শিরোনাম এবং মূল লেখা সহ সকল ক্ষেত্রে ব্যবহৃত প্রধান ব্র্যান্ড ফন্ট। এই বিশেষভাবে ডিজাইন করা ফন্টটির বৈশিষ্ট্য হলো চওড়া অক্ষরের উচ্চতা, গোলাকার জ্যামিতিক আকৃতি এবং আরামদায়ক অনুপাত। বোল্ড (700) শিরোনাম এবং বিভাগের জন্য ব্যবহৃত হয়—যা এই সিস্টেমের টাইপোগ্রাফিক নির্দেশক। সেমিবোল্ড (600) উপ-শিরোনাম এবং বাটন লেবেলের জন্য 14–1.8 মিমি আকারে ব্যবহৃত হয়। মিডিয়াম (500) মূল লেখার জন্য 17–1.8 মিমি আকারে ব্যবহৃত হয়, যেখানে আরামদায়কভাবে পড়ার জন্য 1.6–1.8 মিমি-এর পর্যাপ্ত লাইন স্পেসিং রাখা হয়েছে।
  • System sans-serif — প্রতিস্থাপন: Inter · রূপরেখা 400, 700 · ইউজার ইন্টারফেসে খুব ছোট টেক্সট এবং আইকন টেক্সটের জন্য একটি ফলব্যাক অপশন ব্যবহার করা হয়। মাইক্রো সাইজে অ্যাকোয়াক্স প্রো ব্যবহার করা হয় না; রেন্ডারিং ওয়েট কমানোর জন্য সিস্টেম ফন্টই এই সাইজগুলো সামলে নেয়।

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

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

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

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

একই রকম শৈলী

  • Slite — টেরাকোটা হাতলযুক্ত একটি উষ্ণ পার্চমেন্ট নোটবুক—এর প্রতিটি পৃষ্ঠ ক্রিম রঙের কাগজ, আর প্রতিটি অলঙ্করণে কমলা রঙের এক সূক্ষ্ম ছোঁয়া।
  • Adora — হিমায়িত কাঁচের আড়ালে ইম্প্রেশনিজমের জাদুঘর
  • Bento — সূর্যালোকিত লিনোলিয়ামের উপর একটি বেন্টো লাঞ্চবক্স। একটি উষ্ণ, ক্রিম রঙের লিনেন কাপড়ের উপর, একটি স্পষ্ট জ্যামিতিক শিরোনামের নিচে, চুন, ল্যাভেন্ডার, কোবাল্ট এবং বারগান্ডি রঙের গোলাকার, স্টিকারের মতো কার্ডের একটি সারি রাখা আছে, যার প্রতিটির চারপাশে মোটা কালো কালির রেখা টানা।
  • Payments — রাজকীয় বেগুনি পটভূমিতে এক প্রাণবন্ত লেবুরঙ। গভীর বৈদ্যুতিক বেগুনি রঙটি রাতের আকাশকে মনে করিয়ে দেয়, আর পরিষ্কার সাদা পৃষ্ঠের উপর লেবুর মতো হলুদ আভা তাজা লেবুর খোসার মতো ঝলমল করে।
  • Textla — সানি রেট্রো বোটানিক্যাল অ্যালমানাক - ক্রিম-হলুদ পাতা, গাঢ় সবুজ রঙে ছাপা, যাতে তীক্ষ্ণ, অফসেট ছায়ায় আঁকা ক্যাকটাসের চিত্র রয়েছে।
  • AI for Business — উষ্ণ ধূসর আভায় সজ্জিত ব্রুটালিস্ট শৈলীর সম্পাদকীয় শোরুম।
  • Superhuman — গোল্ডেন আওয়ার সম্পাদকীয় প্যানেল
  • Visitors — সাদা প্রকৌশল অঙ্কন
  • Vercel — সাদা কাগজে মুদ্রিত টার্মিনাল
  • Jeton — ওয়ার্ম মার্বেল-এ ফিনটেক নিয়ে একটি সম্পাদকীয়
  • Say Briefly — ক্রিম পেপারে ক্রিয়েটিভ এজেন্সির স্কেচবুক
  • ClickUp — সাদা মার্বেলের উপর একটি শক্তিশালী ড্যাশবোর্ড। পৃষ্ঠাটি একটি প্রোডাক্টিভিটি টুলের প্রোডাক্ট ব্রোশার, তাই এর ভিজ্যুয়াল ল্যাঙ্গুয়েজটি খোদ প্রোডাক্টটি থেকেই ধার করা হয়েছে: ঘন তালিকা, স্ট্যাটাস ইন্ডিকেটর, অ্যাভাটারের গুচ্ছ এবং বোল্ড টাইপোগ্রাফিক বিবৃতি যা দেখতে ডিসপ্লেতে থাকা একটি প্রোডাক্ট স্পেসিফিকেশনের মতো লাগে।