
Apple (España)
সাদা শূন্যতার এক বিশাল মহাসড়ক, যেখানে শিরোনামগুলো প্রায় শোনাই যায় না। এক সুবিশাল, উজ্জ্বল হলঘর, যেখানে কেবল প্যাস্টেল রঙ আর একটিমাত্র নীল সুতোয় বাঁধা ৭০০-ডেনসিটির প্রকাণ্ড ফন্টগুলো বাতাসে ঝুলছে।
অ্যাপলের প্রোডাক্ট পেজের ভাষাটি টাইপোগ্রাফিক উদারতার এক চমৎকার নিদর্শন: অফ-হোয়াইট ব্যাকগ্রাউন্ডের উপর বিশাল এসএফ প্রো ডিসপ্লে হেডলাইনগুলো ভেসে থাকে, আর চারপাশে থাকে বিশাল সাদা জায়গা, যা প্রতিটি শব্দকে সুচিন্তিত করে তোলে। রঙের প্যালেটটি প্রায় একরঙা—টেক্সট #1d1d1f রঙে, ক্যানভাসে পর্যায়ক্রমে #ffffff এবং #f5f5f7 রঙ ব্যবহৃত হয়—সাথে একটিমাত্র নীল অ্যাকসেন্ট (#0071e3) রয়েছে, যা শুধুমাত্র ইন্টারেক্টিভ মুহূর্তগুলোর জন্য সংরক্ষিত। প্রোডাক্টের ছবিগুলোতেই রঙের উপস্থিতি রয়েছে (প্যাস্টেল টোন), কিন্তু তা কখনোই আলংকারিক UI উপাদান হিসেবে ব্যবহৃত হয় না। কম্পোনেন্টগুলো ফ্রেমবিহীন: ২৮ পিক্সেল ব্যাসার্ধের গোলাকার কার্ড, পিল-আকৃতির বাটন যা প্রায় পেজের কিনারা ছুঁয়ে থাকে, এবং এগুলোর কোনো দৃশ্যমান কন্টেইনার বা ড্রপ শ্যাডো নেই। ছন্দ তৈরি করা হয়েছে সাদা ও ধূসর স্ট্রাইপের পর্যায়ক্রমিক ব্যবহারের মাধ্যমে, কোনো ডিভাইডার বা বর্ডার দিয়ে নয়।
সেকশনগুলো পৃষ্ঠার সম্পূর্ণ প্রস্থ জুড়ে থাকে এবং পর্যাপ্ত প্যাডিং (প্রায় ৪০-১০০ পিক্সেল) সহ এক প্রান্ত থেকে অন্য প্রান্ত পর্যন্ত বিস্তৃত থাকে। প্রতিটি স্ট্রিপের মধ্যে কন্টেন্টের সর্বোচ্চ প্রস্থ কার্যকরভাবে কেন্দ্রে অবস্থিত থাকে। মূল উপাদানটি হলো একটি কেন্দ্র-সারিবদ্ধ স্ট্যাক: একটি ভ্রু-আকৃতির লেবেল, একটি বড় আকারের শিরোনাম, একটিমাত্র কল-টু-অ্যাকশন বাটন, একটি মূল্যের সারি এবং তারপরে ভিউপোর্টের নিচের অংশ জুড়ে থাকা একটি পণ্যের ছবি। সেকশনগুলো একটি পুনরাবৃত্তিমূলক প্যাটার্ন অনুসরণ করে: স্ট্রিপের মধ্যে বাম-সারিবদ্ধ একটি শিরোনাম, যার পরে হয় পণ্যের বিবরণসহ একটি দুই-কলামের বিন্যাস (বামে লেখা/ডানে ছবি অথবা পর্যায়ক্রমে), কার্ডের একটি তিন-কলামের গ্রিড, অথবা একটি কেন্দ্র-সারিবদ্ধ ভিজ্যুয়াল শোকেস থাকে। কন্টেন্টের ছন্দ সম্পূর্ণরূপে নিয়ন্ত্রিত হয় ১০০-১০০ সেন্টিমিটার উল্লম্ব ফাঁক রেখে পর্যায়ক্রমে ব্যবহৃত সাদা এবং তিন-রঙা ব্যাকগ্রাউন্ডের মাধ্যমে—কোনো বিভাজক নেই, কোনো উপাদান বহনকারী কার্ডও নেই। গ্লোবাল নেভিগেশন হলো একটি একক, স্থির বার। পণ্যের স্পেসিফিকেশন সেকশনগুলোতে পর্যাপ্ত প্যাডিং সহ সম্পূর্ণ-প্রস্থের ব্যান্ড ব্যবহার করা হয়, যেখানে লেখাগুলো একটি প্রশস্ত ভিজ্যুয়াল এলাকার বিপরীতে সরু কলামে (~৫৬০ পিক্সেল) কেন্দ্র করে সাজানো থাকে।
অ্যাপলের ভিজ্যুয়াল ল্যাঙ্গুয়েজ মূলত প্রোডাক্ট ফটোগ্রাফি: কোনো লাইফস্টাইল কনটেক্সট বা সাজানো দৃশ্য ছাড়াই, নিখাদ সাদা বা রঙিন ব্যাকগ্রাউন্ডের বিপরীতে হার্ডওয়্যারের ক্লোজ-আপ ছবি। মূল ছবিতে দেখা যায়, হাতে ধরা একটি প্যাস্টেল সবুজ ম্যাকবুক নিও—এখানে মানুষের উপস্থিতি গৌণ, যা আবেগের পরিবর্তে আকার ও টেক্সচার তুলে ধরে। প্রোডাক্ট ভ্যারিয়েন্ট সেকশনগুলোতে, একই রকম ট্রিম কালারের (গোলাপি, সবুজ, রুপালি, আকাশী নীল) ব্যাকগ্রাউন্ডের বিপরীতে দুটি ডিভাইস পাশাপাশি উপস্থাপন করা হয়; প্রতিটি কার্ড একটি ফ্ল্যাট কালার ফিল্ড, যার কেন্দ্রে থাকে প্রোডাক্টটি। ডিটেইল শটগুলোতে একটি নিউট্রাল ব্যাকগ্রাউন্ডের বিপরীতে এক্সট্রিম ক্লোজ-আপ (যেমন ল্যাপটপের হিঞ্জ, ক্যামেরা মডিউল) ব্যবহার করা হয়। এখানে কোনো ইলাস্ট্রেশন, অ্যাবস্ট্রাক্ট গ্রাফিক্স বা আলংকারিক ছবি নেই—প্রোডাক্টটি নিজেই হলো ভিজ্যুয়াল এলিমেন্ট। আইকনোগ্রাফি সর্বত্র বিদ্যমান—অ্যাপল সিস্টেম আইকন সেট থেকে নেওয়া এসএফ সিম্বলস স্টাইলের ১.৫–২ পিক্সেল পুরু মনোক্রোম লাইন আইকন। ফটোগ্রাফি সবসময় হাই-কি পদ্ধতিতে করা হয়: ইউনিফর্ম, ছায়াহীন আলো যা প্রোডাক্টটিকে একটি ত্রিমাত্রিক বস্তুর পরিবর্তে গ্রাফিক ফর্মে পরিণত করে।
প্যালেট
ব্র্যান্ড
- Electric Blue
#0071e3— UI-তে একমাত্র রঙিন সংযোজন হলো ভরাট অ্যাকশন বাটনগুলো, যা কোনো কাজ করার আহ্বান জানাতে অল্প পরিমাণে ব্যবহৃত হয়। - Link Blue
#0066cc— ইনলাইন টেক্সট লিঙ্ক, তীরচিহ্ন ও শেভরনযুক্ত লিঙ্ক। - Citrus Gradient
#3b3b23— এর একটি বিকল্প ফিনিশ, যা পণ্যটির স্বতন্ত্র বৈশিষ্ট্য হয়ে উঠেছে, তা হলো একটি গাঢ় ভিত্তি যা ধীরে ধীরে হলুদ-সবুজ আভায় মিশে যায়।
নিরপেক্ষ
- Primary Ink
#1d1d1f— শিরোনাম, মূল লেখা এবং বোতামের লেবেলগুলো সমস্ত পৃষ্ঠ জুড়ে প্রধান সম্মুখভাগের রঙ; মূল পণ্যের ছবির পটভূমি উপরের দিকের নিরেট #1d1d1f রঙ থেকে মসৃণভাবে একটি বর্ণিল নীল রঙে রূপান্তরিত হয়েছে। - Mid Gray
#707070— গৌণ পাঠ্য, নিষ্ক্রিয় নেভিগেশন অবস্থা, নীরব UI লেবেল - Deep Gray
#474747— নেভিগেশন টেক্সট এবং আইকনগুলো মাঝারি ফন্টে হাইলাইট করা হয়েছে। - Hairline
#d6d6d6— সেকশন এবং UI এলিমেন্টগুলোর মধ্যে সূক্ষ্ম সীমানা। - Canvas
#f5f5f7— পর্যায়ক্রমিক অংশের পটভূমি - একটি ধূসর রেখা যা সাদা অংশগুলোকে আলাদা করে। - Paper
#ffffff— কার্ডের উপরিভাগ, মূল পৃষ্ঠার পটভূমি, গাঢ় পটভূমিতে বোতামের লেখা।
টাইপোগ্রাফি
১২ থেকে ৯৬ পিক্সেল · ১০টি ধাপ
- SF Pro Display — প্রতিস্থাপন: Inter · রূপরেখা 600, 700 · প্রদর্শনের জন্য হিরো হেডিং এবং সাবহেডিং — ৭০০ ওয়েট, ৮০–৯৬ পিক্সেল সাইজ এবং -১.৪৪ পিক্সেল নেগেটিভ লেটার স্পেসিং অ্যাপলের সিগনেচার "সাদা পটভূমিতে ভাসমান বিশাল হেডলাইন" তৈরি করে। বিকল্প: ইন্টার, সিস্টেম-ইউআই
- SF Pro Display — প্রতিস্থাপন: Inter · রূপরেখা 600 · বিভাগের শিরোনাম, কার্ডের শিরোনাম, উপ-শিরোনাম – উপরের ছোট শিরোনামগুলোর মতো নয়, বরং মাঝারি আকারে সামান্য বেশি ব্যবধানযুক্ত ৬০০ ফন্ট একটি উষ্ণ ও বন্ধুত্বপূর্ণ অনুভূতি দেয়।
- SF Pro Text — প্রতিস্থাপন: Inter · রূপরেখা 400, 500, 600 · মূল লেখা, নেভিগেশন, সহায়ক অনুচ্ছেদ এবং ছোট ক্যাপশনের জন্য, ১৭ পিক্সেল সাইজে ৪০০ ইনডেক্সের একটি ফন্টই প্রধান ফন্ট হিসেবে ব্যবহৃত হয়। নেগেটিভ লেটার স্পেসিং তথ্যবহুল পৃষ্ঠাগুলিতে মূল লেখাকে আরও সংক্ষিপ্ত করতে সাহায্য করে।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | ঘন |
| প্রাথমিক পদক্ষেপ | 8-10px |
| বোতামের ব্যাসার্ধ | 980px |
| কার্ডের ব্যাসার্ধ | 28px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 100-120px |
| পৃষ্ঠার প্রস্থ | 1200px |
এআই আপনার ওয়েবসাইটটি Apple (España) স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
- Peak Design — গ্যালারির দেয়াল, আংশিকভাবে আলোকিত
- Ramp — সম্পাদকীয় অর্থ বিভাগ, সাদা-কালো পাতা আর একটিমাত্র নিয়ন মার্কার। প্রকাশনাটির প্রায় একরঙা পৃষ্ঠতল, যেখানে একটিমাত্র উজ্জ্বল লেবু-সবুজ আঁচড় প্রতিটি মিথস্ক্রিয়াকে একটি আর্থিক সংকেতে রূপান্তরিত করে।
- 099 SUPPLY — সাদা-কালো বস্তুতে ভরা একটি গ্যালারির দেয়াল
- Orderful — ইন্ডাস্ট্রিয়াল লজিস্টিকস কন্ট্রোল ডেক - এটি কালো কালি এবং সার্জিক্যাল লাল রঙে মুদ্রিত একটি লজিস্টিকস ডিসপ্যাচার চেকলিস্ট, যার প্রতিটি পাতা এতটাই ছোট যে একজন অপারেটর সহজেই কোনো গুরুত্বপূর্ণ বিষয় চিৎকার করে বলে দিতে পারেন।
- Apple (España) — সাদা গ্যালারি ডিসপ্লে কেস
- teenage engineering — স্টুডিও লাইটিং-এর ইন্ডাস্ট্রিয়াল ক্যাটালগ - পৃষ্ঠার একমাত্র গুরুত্বপূর্ণ বস্তু হলো পণ্যটি, এবং বাকি সবকিছু এটিকে কেন্দ্র করে আলোচনা করা হয়।
- Apple (España) — সকালের কুয়াশায় একটি গ্যালারির জানালা
- Lightship — খোলা রাস্তার এক চলচ্চিত্রীয় ডায়োরামা। উষ্ণ ক্রিম রঙের গ্যালারির দেয়ালগুলো কাছাকাছি দূরত্বে লাগানো বড় বড় প্রাকৃতিক দৃশ্যের ছবিতে সজ্জিত; ফ্রেমগুলোর ওপর সরু কালো হরফ প্রায় অদৃশ্য, আর একটিমাত্র উজ্জ্বল কমলা রঙের ছোঁয়া একরঙা পরিবেশকে ভেঙে দিচ্ছে, যেন কোনো তৃণভূমিতে জ্বলতে থাকা অগ্নিকুণ্ড।
- Custo — গানমেটাল রঙের একটি গ্যালারি, যেখানে ব্যবহৃত হয়েছে একশিলা ফন্ট। অনুজ্জ্বল ধূসর-সবুজ আভার একটি শোরুম, যেখানে একটিমাত্র গাঢ় রঙের বস্তু এবং ৫৭ পিক্সেলের ফন্টই নিজের কথা বলে।
- Silencio — ভাসমান শিল্পকর্মে সজ্জিত একটি সাদা ঘর। উষ্ণ কাগজ দিয়ে তৈরি একটি গ্যালারি প্রদর্শনী, যেখানে প্রতিটি উপাদান ঋণাত্মক আয়তনের পটভূমিতে নিজ নিজ স্থান অধিকার করে আছে, এবং এই নীরবতা একটি ইচ্ছাকৃত নকশা সিদ্ধান্ত।
- ORYZO AI — ডার্করুম নিয়ে একটি আলোকচিত্র-প্রবন্ধ। উষ্ণ অন্ধকারে ভাসমান নিঃসঙ্গ একটি বস্তু, ক্রিম রঙের ফন্টই একমাত্র সজ্জা।