ভিত্তি · Foundations
লেখা
দুটি ফন্ট। শিরোনামে গোলগাল Baloo Da 2, যা ফোলা বাটনের সাথে মেলে। বাকি সব জায়গায় পরিষ্কার Hind Siliguri। দুটোই অ্যাপের সাথে আসে, তাই ইন্টারনেট ছাড়াও কাজ করে।
দুটি পরিবার
শিরোনাম · Display
অআকখ
Baloo Da 2 · ৫০০–৮০০
Rounded terminals echo the puffy buttons. Use 600 and up, 22px and up.
লেখা · Body
অআকখ
Hind Siliguri · ৪০০–৭০০
Open counters and steady matras stay legible at 13px on cheap phone screens.
মাপের সিঁড়ি
Type something to see it at every size. Bangla needs a body line-height of 1.7, or the conjuncts and vowel signs clip.
display৬৪px · ৮০০ · ১.০৫
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Landing hero only
h1৪৪px · ৮০০ · ১.১৫
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Page title
h2৩০px · ৭০০ · ১.২
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Section title
h3২২px · ৭০০ · ১.২৫
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Card title, dialog title
lead১৯px · ৪০০ · ১.৬
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Intro paragraphs
body১৭px · ৪০০ · ১.৭
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Default text, inputs, buttons
small১৫px · ৫০০ · ১.৫৫
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Table cells, labels
caption১৩px · ৫০০ · ১.৪৫
আজ তৃতীয় শ্রেণির ২৮ জন শিক্ষার্থী উপস্থিত
Hints, timestamps. The floor.
সংখ্যা
Show Bangla digits in the interface. Keep tabular widths in tables so columns line up.
৳১,২৫০
৳৪৫০
৳১২,৪০০
বিবরণ
- Line length
- Under about 70 characters for paragraphs
- Case
- Bangla has no case; English labels use sentence case, never all caps
- Weight for emphasis
- 600 for labels and buttons; size, not color, sets hierarchy
- Minimum size
- 13px captions, 15px for anything a teacher must act on
- Numbers
- Bangla digits, right-aligned and tabular in tables
নিয়ম
করুন
- Use the display face only at 22px and up
- Let size do the hierarchy work
- Write buttons as the action: “হাজিরা সংরক্ষণ”
করবেন না
- Use Baloo Da 2 for paragraphs or table cells
- Set Bangla body text at line-height 1.4 or less
- Mix Bangla and English digits on one screen