Caldera

প্যালেট

ব্র্যান্ড

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

নিরপেক্ষ

• Sulfur #f5f28e — ট্যাগ এবং ক্যাটাগরি আইকনগুলোর পটভূমি, যা ছোট ছোট হাইলাইট হিসেবে ব্যবহৃত হয়, একটি হালকা হলুদ রঙের। এটি ব্লগ পোস্টের বিভাগ এবং অনুষ্ঠানের ঘোষণা নির্দেশ করতে ব্যবহৃত হয়।
• Limestone #f7f6f2 — কার্ডের উপরিভাগ, কন্টেন্ট ব্লকের ব্যাকগ্রাউন্ড এবং অতিরিক্ত বাটনের ফিল একটি হালকা ও উষ্ণ সাদা রঙের, যা উপাদানগুলোকে পেজ ক্যানভাসের বিপরীতে ফুটিয়ে তোলে।
• Pumice #e2e2df — পৃষ্ঠাটির মূল পটভূমি একটি উষ্ণ মাঝারি ধূসর রঙের, যা প্রতিটি অংশের ভিত্তি হিসেবে কাজ করে; এটি কার্ডস্টকের উপরিভাগের চেয়ে সামান্য গাঢ়, ফলে কোনো ছায়া ছাড়াই চিত্র এবং পটভূমির মধ্যে একটি সূক্ষ্ম বিভাজন তৈরি হয়।
• Obsidian #070607 — মূল লেখা, শিরোনাম, লিঙ্কের লেখা এবং বাটনের ফ্রেমগুলো প্রায় কালো রঙের, যেগুলোতে ক্যানভাসের উষ্ণ রঙের সাথে সামঞ্জস্যপূর্ণ একটি প্রায় অদৃশ্য উষ্ণ আভা রয়েছে।
• Chalk #ffffff — অন্ধকার অংশের লেখা, অন্ধকার পটভূমিতে ইনপুট টেক্সট, উচ্চ-কন্ট্রাস্ট ওভারলে — বিশুদ্ধ সাদা শুধুমাত্র সেখানেই ব্যবহার করা হয় যেখানে অন্ধকার পৃষ্ঠের সাথে সর্বাধিক বৈসাদৃশ্য প্রয়োজন।

টাইপোগ্রাফি

১২ থেকে ১৮৯ পিক্সেল · ১০টি ধাপ

• PP Neue Corp Compact — প্রতিস্থাপন: Bebas Neue · রূপরেখা 400 (Ultrabold cut) · সমস্ত শিরোনাম এবং প্রদর্শিত টেক্সট। একটি বিশেষভাবে ডিজাইন করা, কনডেন্সড, আল্ট্রা-বোল্ড ফন্ট শিরোনামগুলোকে একটি শিল্পসম্মত, সাইনবোর্ডের মতো বলিষ্ঠতা প্রদান করে। মূল ব্লকের ১৮৯ পিক্সেল সাইজটি ব্র্যান্ডের সিগনেচার স্টাইলকে প্রতিফলিত করে: যা টাইপোগ্রাফিক না হয়ে বরং কনডেন্সড এবং প্রায় স্ট্রাকচারাল। "ss06" এবং "ss10" সেটিংগুলো আরও জোরালো ও কনডেন্সড ছন্দের জন্য বিকল্প অক্ষরের গঠন এবং স্পেসিং সক্রিয় করে। পজিটিভ লেটার স্পেসিং (+০.০২em) ডিসপ্লে সাইজের জন্য একটি ব্যতিক্রমী বিষয় এবং এটি ৮০–১৮৯ পিক্সেল সাইজে টেক্সটকে ঠাসাঠাসি মনে হওয়া থেকে বিরত রাখে।
• DM Sans — প্রতিস্থাপন: Inter · রূপরেখা 500 (Medium only — never Regular or Bold) · মূল লেখা, নেভিগেশন লিঙ্ক, বাটনের লেবেল এবং সেকেন্ডারি হেডিংগুলোর সাইজ সর্বোচ্চ ৩০ পিক্সেল। মাঝারি ফন্ট ওয়েটটি ইচ্ছাকৃতভাবে বেছে নেওয়া হয়েছে—হেডিংয়ের অতিরিক্ত বোল্ড ফন্টের পাশে রেগুলার ফন্টকে খুব পাতলা দেখাতো, এবং বোল্ড ফন্টটি এর সাথে প্রতিদ্বন্দ্বিতা করত। ডিএম স্যান্স ফন্টটি হেডিংয়ের ইন্ডাস্ট্রিয়াল ফন্টের বিপরীতে একটি মানবিক ও কিছুটা জ্যামিতিক আবহ তৈরি করে।
• System sans-serif — প্রতিস্থাপন: Inter · রূপরেখা 400 · ক্যাপশন, মেটাটেক্সট, তারিখ, মাইক্রোট্যাগ। শুধুমাত্র 12px-এ ব্যবহৃত হয়, যেখানে সাইজ কমানোটা ওজন এবং ব্র্যান্ড পরিচিতির চেয়ে বেশি গুরুত্বপূর্ণ।

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

একই রকম শৈলী

• teenage engineering — স্টুডিও লাইটিং-এর ইন্ডাস্ট্রিয়াল ক্যাটালগ - পৃষ্ঠার একমাত্র গুরুত্বপূর্ণ বস্তু হলো পণ্যটি, এবং বাকি সবকিছু এটিকে কেন্দ্র করে আলোচনা করা হয়।
• basement — ভোর ৩টায় একটা খালি ছাপাখানা – ঘুটঘুটে কালো পটভূমিতে বিশাল, সংকুচিত ফন্টগুলো ছড়িয়ে আছে, নেভিগেশন বারে কমলা আলোর একটিমাত্র ক্ষীণ আভা, বাকি সব সাদা বা ভুতুড়ে ধূসর।
• amra — সাদা পটভূমিতে একটি রামধনু-রঙা গোলক—প্রায় পুরোপুরি বর্ণহীন পৃষ্ঠাটিতে ল্যাভেন্ডার রঙের ছোঁয়াই একমাত্র রঙের স্পন্দন, এবং এই একক গ্রেডিয়েন্ট গোলকটিই সেই কাজটি করে যা সাধারণত মূল চিত্রটি করে থাকে।
• Stink Studios — মধ্যরাতের একটি ফিল্ম স্টুডিও — প্রজেক্টরের গুঞ্জন, ঘরটা অন্ধকার, শুধু ফিল্মটাই আলোকিত।
• Andrei Rybin — মনোক্রোম স্কেচবুক হলো এক ধরনের ডিজাইনার নোটবুক, যেখানে ফোনের স্ক্রিনগুলোকে কন্টাক্ট শিটের মতো করে একটি সাদা দেয়ালে লাগানো থাকে।
• Uniswap Cup — ই-স্পোর্টস প্রতিযোগিতাটি একটি নকল সাইটে সম্প্রচার করা হচ্ছে, যেখানে একটি গোলাপী মার্কার দিয়ে সাদা বর্গক্ষেত্র ও সরু রেখার একটি গ্রিড আঁকা রয়েছে।
• Freytag Anderson — একটিমাত্র শব্দের ওপর ভিত্তি করে সিনেমার পর্দা ওঠে। একটি বিশাল চলমান ছবি পুরো পর্দা জুড়ে থাকে, ব্র্যান্ডের নামটি শিরোনামের মতো এক কোণে বসে থাকে, এবং অন্য কোনো কিছুই মনোযোগ বিক্ষিপ্ত করে না।
• Integrated Biosciences — মধ্যরাতে বায়োলুমিনেসেন্স ল্যাব
• Vercel — সাদা কাগজে মুদ্রিত টার্মিনাল
• Mintlify — কাঁচের টেবিলের উপরে মেঘের বাগান। হাতে আঁকা আকাশ আর তথ্যচিত্র একসাথে ফ্রেমে বাঁধা—একমাত্র এই জায়গাতেই রঙ আর ধারণার সংঘাত ঘটে, পাতাটি সন্ন্যাসীসুলভ শুভ্রতায় মিলিয়ে যাওয়ার আগে।
• Gleap — উষ্ণ ক্রিম রঙে সজ্জিত এবং গ্রাফাইটের ছোঁয়ায় রাঙানো একটি কর্মক্ষেত্র—এমন একটি স্টুডিও, যেখানে লিনেনের স্থাপত্যের উপরে ম্যাট কালো কালির বিন্দুগুলো যেন ভেসে বেড়ায়।
• ClickUp — সাদা মার্বেলের উপর একটি শক্তিশালী ড্যাশবোর্ড। পৃষ্ঠাটি একটি প্রোডাক্টিভিটি টুলের প্রোডাক্ট ব্রোশার, তাই এর ভিজ্যুয়াল ল্যাঙ্গুয়েজটি খোদ প্রোডাক্টটি থেকেই ধার করা হয়েছে: ঘন তালিকা, স্ট্যাটাস ইন্ডিকেটর, অ্যাভাটারের গুচ্ছ এবং বোল্ড টাইপোগ্রাফিক বিবৃতি যা দেখতে ডিসপ্লেতে থাকা একটি প্রোডাক্ট স্পেসিফিকেশনের মতো লাগে।