Custo
গানমেটাল রঙের একটি গ্যালারি, যেখানে ব্যবহৃত হয়েছে একশিলা ফন্ট। অনুজ্জ্বল ধূসর-সবুজ আভার একটি শোরুম, যেখানে একটিমাত্র গাঢ় রঙের বস্তু এবং ৫৭ পিক্সেলের ফন্টই নিজের কথা বলে।
কাস্টো শিল্পজাত পণ্যের একটি গ্যালারি হিসেবে কাজ করে: একটি উষ্ণ ধাতব ক্যানভাস বাস্তব পণ্যটির পটভূমি হিসেবে কাজ করে, এবং বড় আকারের টাইপোগ্রাফি প্রধান দৃশ্যমান অলঙ্করণ হিসেবে ব্যবহৃত হয়। এই সিস্টেমটি কঠোরভাবে বর্ণহীন—কোনো রঙিন রং ব্যবহার করা হয় না—যা গাঢ় অ্যানোডাইজড লেটারবক্স এবং একটিমাত্র স্যানস-সেরিফ টাইপফেসের জ্যামিতিক গাম্ভীর্যকে ব্র্যান্ডটির সম্পূর্ণ ব্যক্তিত্ব প্রকাশ করতে সাহায্য করে। প্রতিটি স্ক্রিন বিশাল সাদা জায়গার সাথে একটি স্মারক টাইপোগ্রাফিক উপস্থাপনার ভারসাম্য রক্ষা করে, যেখানে ব্র্যান্ড চিহ্নটি প্রায় একটি স্থাপত্যিক উপাদানের মতো পুনরাবৃত্ত হয়। পৃষ্ঠতলগুলো সমতল এবং ম্যাট; গভীরতা তৈরি হয় পণ্যটির নিজস্ব প্রতিফলনের মাধ্যমে, কোনো ছায়া বা গ্রেডিয়েন্টের মাধ্যমে নয়।
পেজ লেআউটটি একটি উল্লম্বভাবে সাজানো একক-কলাম কাঠামো, যার কন্টেন্টের সর্বোচ্চ প্রস্থ প্রায় ১২৮০ পিক্সেল এবং এটি ভিউপোর্টের কেন্দ্রে অবস্থিত। মূল পেজ এলিমেন্টটি পেজের সম্পূর্ণ প্রস্থ জুড়ে বিস্তৃত, যা ক্যানভাস গানমেটাল #9ea29f ফন্টে প্রান্ত থেকে প্রান্ত পর্যন্ত রেন্ডার করা হয়েছে। এর ডানদিকে কেন্দ্রে একটি মেইলবক্সের ছবি এবং নিচের প্রান্তে একটি ৫৭ পিক্সেলের CUSTO® লোগো রয়েছে। মূল এলিমেন্টের নিচে পর্যায়ক্রমে বিভিন্ন সেকশন রয়েছে: একটি দুই-কলামের টেক্সট ব্লক (বামে ছোট ক্যাপশন, ডানে বড় শিরোনাম), এরপর তিনটি পণ্যের ছবির কার্ডের একটি হরাইজন্টাল গ্রিড, এবং তারপর টেক্সট ও ছবির দুই-কলামের সারি, যেখানে মূল টেক্সটটি পর্যায়ক্রমে দুই পাশে থাকে। সেকশনগুলোর মাঝের ফাঁকা স্থান ১১০ পিক্সেল, যা উল্লম্বভাবে যথেষ্ট ফাঁকা জায়গা তৈরি করে। নেভিগেশনটি একটি একক স্বচ্ছ টপ বার, যা স্ক্রল করার সাথে সাথে পেপার হোয়াইট রঙে মিলিয়ে যায়। CES আইকনটি নিচের ডান কোণায় একটি স্থির, ভাসমান এলিমেন্ট। সামগ্রিক ছন্দটি গ্যালারির মতো: প্রতিটি সেকশনে অল্প কিছু এলিমেন্ট, বড় ফন্ট, প্রশস্ত ফাঁকা স্থান এবং টেক্সট স্ট্রিপগুলোর মধ্যে দৃশ্যমান যতিচিহ্ন হিসেবে একটি পণ্যের ছবি।
ছবিগুলো সম্পূর্ণরূপে কাস্টো মেইলবক্সের প্রোডাক্ট ফটোগ্রাফি, যা তিনটি মোডে তোলা হয়েছে: ধাতব ফ্রেমের সামনে পুরো শরীরের ছবি, ডিভাইসটির সাথে মানুষের মিথস্ক্রিয়া দেখানো লাইফস্টাইল শট, এবং স্ক্যানিং ইন্টারফেস ও এলইডি রিংয়ের ক্লোজ-আপ। সমস্ত ছবিই অনুজ্জ্বল, উচ্চ-কন্ট্রাস্ট টোনে তোলা হয়েছে, যেখানে মেইলবক্সটির ম্যাট কালো ফিনিশ একটি ভিজ্যুয়াল অ্যাঙ্কর হিসেবে কাজ করে। এখানে কোনো ইলাস্ট্রেশন, অ্যাবস্ট্রাক্ট গ্রাফিক্স বা স্টক ফটো নেই। ছবিগুলো ৮ পিক্সেল-রেডিয়াসের কার্ডে রাখা হয়েছে অথবা ৫৭ পিক্সেল লোগোর পেছনে ফুল-স্ক্রিনে ব্যবহার করা হয়েছে। পুরো ওয়েবসাইটে একমাত্র বহুরঙা ছবিটি হলো সিইএস (CES) আইকনটি।
প্যালেট
নিরপেক্ষ
- Canvas Gunmetal
#9ea29f— মূল এবং থিম সেকশনগুলোর উষ্ণ ধূসর-সবুজ ব্যাকগ্রাউন্ড কাস্টোকে সাধারণ সাদা SaaS টেমপ্লেটগুলো থেকে আলাদা করে এবং এটিকে কোনো ডিজিটাল পৃষ্ঠের চেয়ে স্থাপত্যের কংক্রিটের মতো বেশি মনে হয়। - Obsidian
#000000— মূল লেখা, পাতলা বর্ডার, আইকন স্ট্রোক — সিস্টেমের সর্বোচ্চ কনট্রাস্টের কালি, যা শিরোনাম এবং কাঠামোগত বিভাজক হিসেবে ব্যবহৃত হয়। - Paper White
#ffffff— শরীরের অঙ্গপ্রত্যঙ্গের ব্যাকগ্রাউন্ড ছবি, গানমেটাল ক্যানভাসে উল্টানো লেখা, পণ্যের ফটোগ্রাফির গাঢ় ব্যাকগ্রাউন্ডে লেখা। - Anodized Graphite
#4b514d— পণ্যের ছবি, অতিরিক্ত শিরোনাম এবং ত্রিমাত্রিক লেখার জন্য ব্যবহৃত গাঢ় পৃষ্ঠতলটি মেইলবক্সের পৃষ্ঠতলের গঠনের সাথে সামঞ্জস্যপূর্ণ, ফলে ইউজার ইন্টারফেস এবং পণ্যটি একই উপাদান দিয়ে তৈরি করা হয়েছে। - Brushed Steel
#8e9194— এমবেডেড মেটাডেটা এবং বিচক্ষণ লিঙ্কের জন্য পেপার হোয়াইট ও অবসিডিয়ানের মাঝে সংযত মূল লেখা, তালিকা বিভাজক এবং অতিরিক্ত আইকনের রূপরেখা থাকে। - Linen Mist
#a7aaad— শিরোনাম এবং বিভাজন রেখার বর্ডার ও ডিভাইডারগুলোর হালকা রঙটি একটি সূক্ষ্ম আভা, যা অবসিডিয়ান রঙের কাঠামোগত রেখাগুলোর সাথে কখনোই প্রতিদ্বন্দ্বিতা করে না।
টাইপোগ্রাফি
১৫ থেকে ৫৭ পিক্সেল · ৫টি ধাপ
- PP Neue Montreal — প্রতিস্থাপন: Inter · রূপরেখা 400 (Medium) · মূল লেখা থেকে শুরু করে ব্যাখ্যামূলক লেখা পর্যন্ত সবকিছুর জন্য একটি একক ফন্ট-পরিবারের টাইপোগ্রাফিক সিস্টেম ব্যবহার করা হয়—এর প্রধান বৈশিষ্ট্য হলো ফন্টের পুরুত্বে জ্যামিতিক সামঞ্জস্য, এবং এতে কোনো দ্বিতীয় বা ডিসপ্লে-নির্দিষ্ট ফন্টের ব্যবহার পরিহার করা হয়। ফলে, ৫৭ পিক্সেল পুরুত্বের 'CUSTO®' ওয়ার্ডমার্কটিকে ১৫ পিক্সেল পুরুত্বের ফর্ম ইনপুট ফিল্ড লেবেলের মতোই একই টাইপোগ্রাফিক পরিবারের অংশ হিসেবে গণ্য করা হয়।
ব্যবধান এবং ফর্ম
| উদ্দেশ্য | অর্থ |
|---|---|
| ঘনত্ব | প্রশস্ত |
| প্রাথমিক পদক্ষেপ | 24px |
| বোতামের ব্যাসার্ধ | 31.35px (pill) for primary action; 8px for secondary |
| কার্ডের ব্যাসার্ধ | 8px |
| ছায়া | না - ছায়ার পরিবর্তে সীমানা |
| বিভাগগুলির মধ্যে | 110px |
| পৃষ্ঠার প্রস্থ | 1280px |
এআই আপনার ওয়েবসাইটটি Custo স্টাইলে তৈরি করবে এবং তাতে তথ্য যোগ করবে।
- Instagram, TikTok, Facebook লিঙ্কের মাধ্যমে পণ্য এবং পোস্ট দিয়ে পূরণ করুন।
- আপনার পুরোনো সাইট থেকে কন্টেন্ট স্থানান্তর করুন—শুধু ঠিকানাটি উল্লেখ করুন।
- সেরা ইঞ্জিন React ( Next.js)-এ তৈরি আধুনিক ডিজাইন, সাথে রয়েছে সার্ভার রেন্ডারিং এবং এসইও অপটিমাইজেশন।
- সার্চ রেজাল্ট এবং নিউরাল নেটওয়ার্ক সুপারিশের জন্য সম্পূর্ণ স্বয়ংক্রিয় এসইও অপ্টিমাইজেশন।
একই রকম শৈলী
- 099 SUPPLY — সাদা-কালো বস্তুতে ভরা একটি গ্যালারির দেয়াল
- Specht Studio — সূক্ষ্ম কৌতূহলে পরিপূর্ণ একটি গ্যালারি দেয়াল। স্টুডিওটির নিজস্ব ক্রোম ফিনিশটি হলো একটি সাদা পৃষ্ঠ এবং কালো অক্ষর; এর দৃশ্যগত চমক সম্পূর্ণরূপে প্রকল্পটির টাইলসের কাজের মধ্যেই কেন্দ্রীভূত।
- Structured — প্লাস্টিকিনের মতো কাগজে রেনেসাঁ গ্যালারি
- Airbnb — একটি শান্ত সাদা গ্যালারি দেওয়াল, যেখানে একটিমাত্র প্রবাল লাল রঙের বুকমার্ক রয়েছে।
- VSCO — গ্যালারির একরঙা দেয়ালটি সাদা-কালো ছবির একটি প্রদর্শনী, যেখানে একটিমাত্র উষ্ণ স্পটলাইট পরবর্তী ঘটনাকে আলোকিত করছে।
- Apple (España) — দিনের নরম আলোয় জাদুঘরের গ্যালারিটি একটি একক, মনোমুগ্ধকর, ওজনহীন সাদা স্থান, যেখানে হালকা রঙের দেওয়ালের ওপর স্পটলাইটের আলোয় প্রতিটি প্রদর্শনী আলোকিত।
- Peak Design — গ্যালারির দেয়াল, আংশিকভাবে আলোকিত
- Apple (España) — অবসিডিয়ান গ্যালারি প্রদর্শনীটি একটি অন্ধকার প্রদর্শনী কক্ষ, যেখানে ঘোর কালো পটভূমির বিপরীতে টাইটানিয়ামের একটিমাত্র বস্তু দ্যুতি ছড়ায়।
- Apple (España) — সাদা গ্যালারি ডিসপ্লে কেস
- teenage engineering — স্টুডিও লাইটিং-এর ইন্ডাস্ট্রিয়াল ক্যাটালগ - পৃষ্ঠার একমাত্র গুরুত্বপূর্ণ বস্তু হলো পণ্যটি, এবং বাকি সবকিছু এটিকে কেন্দ্র করে আলোচনা করা হয়।
- Apple (España) — সকালের কুয়াশায় একটি গ্যালারির জানালা
- Apple (España) — দুপুরে হোয়াইট মিউজিয়াম গ্যালারি