Typography
Mihr UI uses a purposeful set of typographic styles. The scale covers 11 sizes from Display 2xl to Text xs, each with 4 weight variants — robust enough for any interface.
Font family
The default typeface is Geist — a variable font tuned for screen readability. It ships with Mihr UI and is applied to every text style automatically.
Geist
Ag
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Aa
Regular
w400
Aa
Medium
w500
Aa
Semibold
w600
Aa
Bold
w700
Font weights
Every TypeStyle exposes four weight variants as properties on the style object:
Variant
Weight
Dart accessor
Usage
regularw400
textMd.regularBody, long-form content
mediumw500
textMd.mediumLabels, fields, navigation
semiboldw600
textMd.semiboldButtons, headings, emphasis
boldw700
textMd.boldHero text, strong emphasis
Type scale
11 sizes, each with 4 weights. Display styles use -2% letter spacing for tighter headings.
Display 2xl
72px / 90 · -2%
Ag
Display xl
60px / 72 · -2%
Beautifully
Display lg
48px / 60 · -2%
Beautifully
Display md
36px / 44 · -2%
Beautifully designed
Display sm
30px / 38
Beautifully designed widgets
Display xs
24px / 32
Beautifully designed widgets
Text xl
20px / 30
Beautifully designed Flutter widgets
Text lg
18px / 28
Beautifully designed Flutter widgets
Text md
16px / 24
Beautifully designed Flutter widgets
Text sm
14px / 20
Beautifully designed Flutter widgets
Text xs
12px / 18
Beautifully designed Flutter widgets
Material mapping
Mihr styles map onto Flutter's TextTheme so Material widgets inherit the scale automatically.
displayLarge → Display lg
titleLarge → Text xl
bodyMedium → Text md
labelSmall → Text xs