Typography

Typefaces

The rule. Inter is the Latin typeface — a neutral, highly legible sans designed for screens that stays clear at small sizes. Burmese uses Noto Sans Myanmar, which renders stacked characters and tall glyphs correctly. Thai uses Noto Serif Thai — a professional serif that gives Thai its own distinct, refined voice. All three share one scale.

Why. A first-time, low-literacy user reads slowly; an open, unfussy letterform with generous spacing is faster to decode than a tight or decorative one.

Type scale

One scale serves both languages. Sizes run a little larger than a typical desktop scale, because comfortable reading matters more here than fitting more on screen.

Weights

Build hierarchy with weight, not a pile of different sizes. Two or three sizes plus a weight step keeps a screen calm and easy to scan.

Burmese, Thai & line height

Burmese runs about 1.3–1.7× longer than the same English, and both Burmese and Thai stack marks above and below the baseline that need more vertical room. Never let a layout assume English length, and give Burmese and Thai a looser line height.

When to use which style

• Large title / Title 1 — the one thing a screen is about.
• Headline — a card's heading or a grouped section.
• Body / Callout — the default for sentences and values.
• Footnote / Caption — metadata and secondary labels, never the main message.

When NOT to

• ❌ Don't stack three or more sizes to create hierarchy — use weight instead.
• ❌ Don't size a layout to English and let Burmese overflow or clip.
• ❌ Don't drop below Footnote (13px) for anything a user must read.

What user problem this solves

Comprehension. If text is too small, too tight, or clips in Burmese, a first-time user can't read the screen — and stops trusting the app. A generous, shared scale with room for Burmese keeps every screen readable for everyone we serve.

Token reference

Font families

Type scale

Weights

Text styles

Ready-made presets components consume directly (size + line-height + weight + tracking).