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

Apple

একটি সাদা ঘর, যেখানে একটিমাত্র নীল সুইচ আছে

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

পেজ লেআউটটি একটি সম্পূর্ণ-প্রস্থের পেজ, যেখানে কন্টেইনারের কোনো নির্দিষ্ট সর্বোচ্চ প্রস্থ নেই—সেকশনগুলো এক প্রান্ত থেকে অন্য প্রান্ত পর্যন্ত বিস্তৃত, এবং টেক্সট ব্লকগুলো প্রায় ৯৮০ পিক্সেল প্রস্থে মাঝখানে অবস্থিত। নেভিগেশনটি একটি একক, স্থির গ্লোবাল বার, যার সাথে প্রতিটি পণ্যের জন্য একটি অতিরিক্ত সাবফোল্ডার রয়েছে যা স্ক্রল করলে দেখা যায়। মূল লেআউটটি সর্বদা মাঝখানে থাকে: একটি বড় পণ্যের নাম, এক লাইনের ট্যাগলাইন, দুটি পিল বাটন, এবং তারপর একটি পণ্যের ছবি যা ভিউপোর্টের বাকি অংশ পূরণ করে। সেকশনগুলো একটি পর্যাপ্ত উল্লম্ব ছন্দে (সেকশনগুলোর মধ্যে ৬৪ পিক্সেলের বেশি দূরত্ব) উল্লম্বভাবে সাজানো, এবং এতে পর্যায়ক্রমে #f5f5f7 ও রঙিন ব্যাকগ্রাউন্ড ব্যবহার করা হয়েছে। পেজের নিচের অংশটি সম্পূর্ণ-প্রস্থের সার্ভিস কার্ডের (Apple TV+, Fitness+, Music, Arcade) একটি একক অনুভূমিক সারি, যার প্রতিটি একটি ফটো ব্লক, ওভারলে টেক্সট এবং একটি পিল বাটন দিয়ে গঠিত। কোনো সাইডবার নেই, একাধিক কলামের কন্টেন্ট লেআউট নেই, কোনো অপ্রতিসম বিন্যাস নেই—সবকিছু মাঝখানে, স্তূপীকৃত এবং প্রতিসম।

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

প্যালেট

ব্র্যান্ড

  • Apple Blue #0071e3 — ভরাট অ্যাকশন বাটন, নির্বাচিত অবস্থা — একমাত্র ইন্টারেক্টিভ বর্ণিল রঙ যা প্রতিটি দৃশ্যকে অর্থবহ করে তোলার জন্য মিতব্যয়ীভাবে ব্যবহৃত হয়।
  • Link Blue #0066cc — হাইলাইট করা অ্যাকশন বর্ডার, এমবেডেড লিঙ্ক—যেখানে একটি ফিলড ট্যাবলেট খুব বেশি ঝলমলে হয়ে যেত, সেখানে অ্যাপল ব্লু-এর চেয়ে আরও স্যাচুরেটেড রঙ ব্যবহার করা হয়েছে।
  • Signal Blue #2997ff — আলংকারিক ফ্রেম, ছবির আউটলাইন, আইকনের বর্ডার — সিস্টেমের সবচেয়ে হালকা নীল রঙ, যা ব্যবহারকারীর মিথস্ক্রিয়ার চেয়ে আবহ তৈরির জন্য ব্যবহৃত হয়।

নিরপেক্ষ

  • Carbon #1d1d1f — মূল লেখা, শিরোনামের বর্ডার, নেভিগেশন লাইন, কার্ডের বর্ডার—এগুলিতে ব্যবহৃত কালির প্রধান রঙ প্রায় কালো, যাতে উষ্ণতার হালকা আভা রয়েছে।
  • Frost #f5f5f7 — পেজ ক্যানভাস, মূল টেক্সটের ব্যাকগ্রাউন্ড এবং ফুটার সারফেস অ্যাপলের সিগনেচার হালকা ধূসর রঙের, যা খাঁটি সাদার চেয়ে কিছুটা শীতল।
  • Ice #f4f8fb — অভিব্যক্তিপূর্ণ পৃষ্ঠতল পূরণ, সূক্ষ্ম রঙ, গাঢ় পটভূমিতে বোতামের লেখা—একটি মৃদু নীল আভা যা অংশটিকে অতিরিক্ত স্পষ্ট না করেই প্রাণবন্ত করে তোলে।
  • Smoke #333333 — সেকেন্ডারি টেক্সট, নেভিগেশন ফিল, বাটন বর্ডার - বর্ডার এবং আইকনের জন্য একটি বহুমুখী নিউট্রাল রঙ, যা মাঝারি ধূসর রঙের চেয়ে আরও বেশি আকর্ষণীয় করে তোলে।
  • Graphite #474747 — নেভিগেশন টেক্সট, নেভিগেশন বর্ডার, লিঙ্ক বর্ডার — এলিমেন্ট হায়ারার্কিতে এটি কার্বন এবং স্মোক-এর মাঝে একটি মধ্যবর্তী অবস্থান দখল করে।
  • Ash #707070 — ফুটার টেক্সট, তালিকার বর্ডার, নেভিগেশন বর্ডার, অনুজ্জ্বল মূল টেক্সট — যে কন্টেন্টের উপস্থিতি প্রয়োজন কিন্তু প্রাধান্য পাওয়া দরকার নয়, তার জন্য একটি মাঝারি ধূসর রঙ।

টাইপোগ্রাফি

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

  • SF Pro Display — প্রতিস্থাপন: Inter · রূপরেখা 400, 600, 700 · শিরোনাম এবং বড় টেক্সটের ক্ষেত্রে—৪০ পিক্সেল বা তার বেশি সাইজে একটি সংকীর্ণ অ্যাপারচার ও শক্তিশালী নেগেটিভ ট্র্যাকিংয়ের জন্য ডিসপ্লে ফরম্যাট ব্যবহার করা হয়; ৭০০ সাইজটি বিজ্ঞাপনের লেআউটের জন্য এবং ৪০০ সাইজটি সম্পাদকীয় কন্টেন্টে পণ্যের নামের জন্য সংরক্ষিত।
  • SF Pro Text — প্রতিস্থাপন: Inter · রূপরেখা 300, 400, 600 · মূল লেখা, নেভিগেশন, বাটন, উপশিরোনাম — কার্যকরী ফন্ট; মূল লেখার জন্য ৪০০, উপশিরোনাম এবং কোয়ালিফাইড লেবেলের জন্য ৩০০, নেভিগেশন এলিমেন্ট এবং বাটনের লেখার জন্য ৬০০; নেগেটিভ লেটার স্পেসিং আকারের সাথে আনুপাতিকভাবে হ্রাস পায় ( -০.০২২em থেকে ১২px, তারপর -০.০১em থেকে ৪৪px পর্যন্ত)।

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

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

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

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

একই রকম শৈলী

  • Ui — ম্যাট পেপারে ক্লিনিকাল পরিকল্পনা
  • ElevenLabs — উষ্ণ ক্রিম রঙের ছোঁয়ায় তোলা একটি আলোকচিত্র-প্রবন্ধ, সাথে রয়েছে সূক্ষ্ম শিরোনাম। বাউহাউস-শৈলীর একটি নোটবুক—ডিমের খোসার মতো রঙের কাগজ, কালো কালি, এবং পণ্য প্রদর্শনের জন্য একটিমাত্র বেগুনি ও কমলা রঙের অলঙ্করণ।
  • monopo saigon — সম্পাদকীয় নীরবতার আড়ালে এক তরল, রামধনু-রঙা আভা—গলিত আলোর উপর ভাসমান একটি একরঙা সম্পাদকীয় গ্যালারি।
  • Awesomic — সম্পাদকীয় জিঙ্ক মেশ, যাতে কনফেটির কথা মনে করিয়ে দেয় এমন কমলা রঙের যতিচিহ্ন রয়েছে।
  • Monad — উষ্ণ পার্চমেন্টে সম্পাদকীয় প্রযুক্তিগত জার্নাল
  • Dub — লিঙ্কের ম্যাট রাইস পেপার কন্ট্রোল প্যানেল
  • Seline Analytics — উষ্ণ কাগজের উপর একটি শান্ত বিশ্লেষণাত্মক টেবিল
  • Ventriloc — উষ্ণ কাগজের উপর উপাত্তের এক সম্পাদকীয় পর্যবেক্ষণাগার — একটিমাত্র কমলা অঙ্গার যা একরঙা সূক্ষ্মতাকে উদ্ভাসিত করে।
  • Duolingo — সাদা কাগজের উপর খেলাধুলাপূর্ণ ক্লাসের মাসকট
  • Stripe — হিমায়িত কাচের উপর নীল কালিতে লেখা একটি হিসাবের খাতা
  • Notion — দুপুরের রোদে একটি উষ্ণ কাগজের নোটবুক
  • Hyer Aviation — ককপিটে পার্চমেন্টের ওপর গোধূলি। ফ্যাকাশে ভোরের আকাশ বিমানদেহের আকারের সেরিফ লোগোটির সাথে মিশেছে, এবং একটিমাত্র উষ্ণ মাটির ছোঁয়া একরঙা সংযমকে ভেঙে দিয়েছে।