টাইপোগ্রাফি প্রয়োগ করুন

ডিসপ্লে ব্যবহার করা হয় বৃহৎ, ছোট টেক্সট স্ট্রিংগুলির জন্য যা অত্যন্ত দৃষ্টিনন্দন হিরো তথ্য, উল্লেখযোগ্য মেট্রিক্স, আত্মবিশ্বাস বা অভিব্যক্তিপূর্ণ ব্র্যান্ড মুহূর্তগুলি প্রদর্শন করতে ব্যবহৃত হয়।

• DisplayLarge হল সবচেয়ে বড় শিরোনাম। ডিসপ্লে হল স্ক্রিনের সবচেয়ে বড় লেখা, যা সংক্ষিপ্ত, অত্যন্ত দৃষ্টিগোচর হিরো তথ্য, উল্লেখযোগ্য মেট্রিক্স, আত্মবিশ্বাস বা অভিব্যক্তিপূর্ণ ব্র্যান্ড মুহূর্তগুলির জন্য সংরক্ষিত যা একটি বিশিষ্ট স্কেল এবং স্টাইল থেকে উপকৃত হয়।
• ডিসপ্লেমিডিয়াম হল দ্বিতীয় বৃহত্তম শিরোনাম। ডিসপ্লে হল স্ক্রিনের সবচেয়ে বড় টেক্সট, যা সংক্ষিপ্ত, অত্যন্ত দৃষ্টিগোচর হিরো তথ্য, উল্লেখযোগ্য মেট্রিক্স, আত্মবিশ্বাস বা অভিব্যক্তিপূর্ণ ব্র্যান্ড মুহূর্তগুলির জন্য সংরক্ষিত যা একটি বিশিষ্ট স্কেল এবং স্টাইল থেকে উপকৃত হয়।
• DisplaySmall হল সবচেয়ে ছোট শিরোনাম। ডিসপ্লে হল স্ক্রিনের সবচেয়ে বড় লেখা, যা সংক্ষিপ্ত, অত্যন্ত দৃষ্টিগোচর হিরো তথ্য, উল্লেখযোগ্য মেট্রিক্স, আত্মবিশ্বাস বা অভিব্যক্তিপূর্ণ ব্র্যান্ড মুহূর্তগুলির জন্য সংরক্ষিত যা একটি বিশিষ্ট স্কেল এবং স্টাইল থেকে উপকৃত হয়।

শিরোনাম হলো শ্রেণিবদ্ধ লেখা যা পথ খুঁজে বের করার জন্য একটি প্রক্রিয়া হিসেবে ব্যবহৃত হয়, যেমন একটি পৃষ্ঠা, বিভাগের শিরোনাম, অথবা উপ-বিভাগের শিরোনাম (TitleSmall এর ক্ষেত্রে)।

• TitleLarge হল সবচেয়ে বড় শিরোনাম। শিরোনামগুলি Displays এর চেয়ে ছোট। এগুলি সাধারণত মাঝারি-জোরযুক্ত পাঠ্যের জন্য সংরক্ষিত থাকে যা দৈর্ঘ্যে ছোট এবং ইন্টারেক্টিভ উপাদানগুলির জন্য সুপারিশ করা হয় না, বরং পৃষ্ঠা শিরোনাম বা উপ শিরোনামের জন্য।
• TitleMedium হল মাঝারি শিরোনাম। শিরোনামগুলি Displays এর চেয়ে ছোট। এগুলি সাধারণত মাঝারি-জোরযুক্ত পাঠ্যের জন্য সংরক্ষিত থাকে যা দৈর্ঘ্যে ছোট এবং ইন্টারেক্টিভ উপাদানগুলির জন্য সুপারিশ করা হয় না, বরং পৃষ্ঠা শিরোনাম বা উপ শিরোনামের জন্য।
• TitleSmall হল সবচেয়ে ছোট শিরোনাম। শিরোনামগুলি Displays এর চেয়ে ছোট। এগুলি সাধারণত মাঝারি-জোরযুক্ত পাঠ্যের জন্য সংরক্ষিত থাকে যা দৈর্ঘ্যে ছোট এবং ইন্টারেক্টিভ উপাদানগুলির জন্য সুপারিশ করা হয় না, বরং পৃষ্ঠা শিরোনাম বা উপ শিরোনামের জন্য।

লেবেল কম্পোনেন্ট লেভেল টেক্সটের জন্য ব্যবহৃত হয় যা এমন একটি ক্রিয়া বর্ণনা করে যা ইন্টারঅ্যাক্ট করলে ঘটবে। লেবেলের জন্য সবচেয়ে সাধারণ এবং বহুল ব্যবহৃত অ্যাপ্লিকেশন হল একটি বোতামের মধ্যে নেস্ট করা টেক্সটের জন্য।

• LabelLarge হল সবচেয়ে বড় লেবেল। লেবেলগুলি ইন্টারেক্টিভ উপাদানগুলিতে প্রয়োগ করা শিরোনাম বোতামগুলিতে লেবেলের মতো বিশিষ্ট লেখাগুলি প্রদর্শনের জন্য ব্যবহৃত হয়।
• LabelMedium হল মাঝারি লেবেল, এবং এটি সবচেয়ে বেশি ব্যবহৃত হয়। লেবেলগুলি ইন্টারেক্টিভ উপাদানগুলিতে প্রয়োগ করা বোতামগুলিতে প্রাথমিক লেবেলের মতো টেক্সট প্রদর্শনের জন্য ব্যবহৃত হয়।
• LabelSmall হল ছোট লেবেল। লেবেলগুলি বোতামে সেকেন্ডারি লেবেল, কমপ্যাক্ট বোতামে লেবেল, ইন্টারেক্টিভ উপাদানগুলিতে প্রয়োগ করা টেক্সট প্রদর্শনের জন্য ব্যবহৃত হয়।

বডিটি বডি কপির অনুচ্ছেদ, জটিল ডেটা ভিজ্যুয়ালাইজেশনে ব্যবহৃত টেক্সট, টাইম স্ট্যাম্প এবং মেটাডেটার মতো কন্টেন্ট টেক্সটের জন্য সংরক্ষিত।

• BodyLarge হল সবচেয়ে বড় বডি। বডি টেক্সট সাধারণত দীর্ঘ আকারের লেখার জন্য ব্যবহৃত হয় কারণ এটি ছোট টেক্সট আকারের জন্য ভালো কাজ করে। টেক্সটের দীর্ঘ অংশের জন্য, একটি সেরিফ বা সান সেরিফ টাইপফেস সুপারিশ করা হয়।
• BodyMedium হল দ্বিতীয় বৃহত্তম বডি। বডি টেক্সট সাধারণত দীর্ঘ আকারের লেখার জন্য ব্যবহৃত হয় কারণ এটি ছোট টেক্সট আকারের জন্য ভালো কাজ করে। টেক্সটের দীর্ঘ অংশের জন্য, একটি সেরিফ বা সান সেরিফ টাইপফেস সুপারিশ করা হয়।
• BodySmall হল তৃতীয় বৃহত্তম বডি। বডি টেক্সট সাধারণত দীর্ঘ আকারের লেখার জন্য ব্যবহৃত হয় কারণ এটি ছোট টেক্সট আকারের জন্য ভালো কাজ করে। টেক্সটের দীর্ঘ অংশের জন্য, একটি সেরিফ বা সান সেরিফ টাইপফেস সুপারিশ করা হয়।
• BodyExtraSmall হল সবচেয়ে ছোট বডি। বডি টেক্সট সাধারণত দীর্ঘ আকারের লেখার জন্য ব্যবহৃত হয় কারণ এটি ছোট টেক্সট আকারের জন্য ভালো কাজ করে। টেক্সটের দীর্ঘ অংশের জন্য, একটি সেরিফ বা সান সেরিফ টাইপফেস সুপারিশ করা হয়।

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

• সংখ্যার জন্য NumeralsExtraLarge হল সবচেয়ে বড় ভূমিকা। সংখ্যাগুলি ডিফল্টভাবে ট্যাবুলার স্পেসিং ব্যবহার করে। তারা এমন সংখ্যাগুলিকে হাইলাইট করে এবং প্রকাশ করে যা কেবল দুই বা তিনটি অক্ষরের মধ্যে সীমাবদ্ধ, যেখানে চার্জিং স্ক্রিন বা সময় চয়নকারীর মতো কোনও স্থানীয়করণের প্রয়োজন হয় না।
• সংখ্যার ক্ষেত্রে NumeralsLarge হল দ্বিতীয় বৃহত্তম ভূমিকা। সংখ্যাগুলি ডিফল্টরূপে ট্যাবুলার স্পেসিং ব্যবহার করে। এগুলি হল বৃহৎ আকারের সংখ্যা স্ট্রিং যা সময়ের বড় প্রদর্শনের জন্য সীমাবদ্ধ, যেখানে টাইমার কাউন্টডাউন বা সময় চয়নকারীর মতো কোনও স্থানীয়করণের প্রয়োজন হয় না।
• সংখ্যার ক্ষেত্রে NumeralsMedium হল তৃতীয় বৃহত্তম ভূমিকা। সংখ্যাগুলি ডিফল্টরূপে ট্যাবুলার স্পেসিং ব্যবহার করে। এগুলি মাঝারি আকারের সংখ্যা যা সংখ্যার ছোট স্ট্রিংগুলিতে সীমাবদ্ধ, যেখানে কোনও স্থানীয়করণের প্রয়োজন হয় না যেমন ধাপ গণনা বা সময় চয়নকারী।
• সংখ্যার ক্ষেত্রে সংখ্যাগুলি ছোট হল চতুর্থ বৃহত্তম ভূমিকা। সংখ্যাগুলি ডিফল্টরূপে ট্যাবুলার স্পেসিং ব্যবহার করে। এগুলি এমন সংখ্যার জন্য যা ছোট স্কেলে জোর দেওয়ার প্রয়োজন হয়, যেখানে তারিখ এবং সময় বাছাইকারীর মতো কোনও স্থানীয়করণের প্রয়োজন হয় না।
• সংখ্যার জন্য NumeralsExtraSmall হল সবচেয়ে ছোট ভূমিকা। সংখ্যাগুলি ডিফল্টরূপে ট্যাবুলার স্পেসিং ব্যবহার করে। এগুলি এমন সংখ্যার জন্য যা দীর্ঘ অঙ্কের স্ট্রিংগুলিকে সামঞ্জস্য করতে হয়, যেখানে ইন-ওয়ার্কআউট মেট্রিক্সের মতো কোনও স্থানীয়করণের প্রয়োজন হয় না।

আর্ক হেডার টেক্সট ব্যবহার করা হয় বাঁকা টেক্সট তৈরির জন্য যা UI-তে সাইনপোস্টিং তৈরি করে, যেমন টাইম টেক্সট এবং বাঁকা লেবেল। বিশেষভাবে তৈরি ফন্ট অক্ষ যা একটি বক্ররেখা বরাবর টাইপকে অপ্টিমাইজ করে এবং একটি বাঁকা স্ক্রিনের নীচের তুলনায় উপরে অবস্থান করলে অক্ষরগুলির মধ্যে প্রদর্শিত বিভিন্ন ব্যবধানকে সামঞ্জস্য করে।

শীর্ষ

• ArcLarge হলো আর্ক হেডার এবং টাইটেলের জন্য। আর্ক হলো স্ক্রিনের একটি বাঁকা পথ বরাবর লেখার জন্য, যা স্ক্রিনের একেবারে উপরে বা নীচে ছোট হেডার টেক্সট স্ট্রিং যেমন কনফার্মেশন ওভারলেগুলির জন্য সংরক্ষিত।
• ArcMedium হলো আর্ক হেডার এবং টাইটেলের জন্য। আর্ক হলো স্ক্রিনের একটি বাঁকা পথ বরাবর লেখার জন্য, যা স্ক্রিনের একেবারে উপরে বা নীচে ছোট হেডার টেক্সট স্ট্রিং এর জন্য সংরক্ষিত, যেমন পৃষ্ঠার শিরোনাম।
• ArcSmall হল সীমিত আর্ক স্ট্রিং টেক্সটের জন্য। আর্ক হল স্ক্রিনের একটি বাঁকা পথ বরাবর টেক্সটের জন্য, যা টাইম টেক্সটের মতো স্ক্রিনের উপরে ছোট বাঁকা টেক্সট স্ট্রিং এর জন্য সংরক্ষিত।

নীচে

• ArcLarge হলো আর্ক হেডার এবং টাইটেলের জন্য। আর্ক হলো স্ক্রিনের একটি বাঁকা পথ বরাবর লেখার জন্য, যা স্ক্রিনের একেবারে উপরে বা নীচে ছোট হেডার টেক্সট স্ট্রিং যেমন কনফার্মেশন ওভারলেগুলির জন্য সংরক্ষিত।
• ArcMedium হলো আর্ক হেডার এবং টাইটেলের জন্য। আর্ক হলো স্ক্রিনের একটি বাঁকা পথ বরাবর লেখার জন্য, যা স্ক্রিনের একেবারে উপরে বা নীচে ছোট হেডার টেক্সট স্ট্রিং এর জন্য সংরক্ষিত, যেমন পৃষ্ঠার শিরোনাম।
• ArcSmall হল সীমিত আকারের টেক্সট স্ট্রিং এর জন্য। Arc হল স্ক্রিনের একটি বাঁকা পথ বরাবর টেক্সটের জন্য, যা স্ক্রিনের নীচে কল টু অ্যাকশনের মতো ছোট আকারের বাঁকা টেক্সট স্ট্রিং এর জন্য সংরক্ষিত।