Typography
Typography isn't just a visual element — it's a functional foundation of every interface. In Kern, we've designed our type system to support clarity, rhythm, and adaptability across all screen sizes and themes.
We use Inter as our primary font — a versatile, open-source typeface known for its clarity at small sizes and balance at large ones. It's optimized for UI work and performs beautifully across operating systems, making it ideal for scalable product design.
Kern's typography tokens cover everything from font sizes and weights to line heights and letter spacing. These tokens are structured in a way that keeps your design system consistent, maintainable, and easy to scale.
Title Font (Medium)
Title/H1
The quick brown fox jumps over the lazy dog
Title/H2
The quick brown fox jumps over the lazy dog
Title/H3
The quick brown fox jumps over the lazy dog
Title/H4
The quick brown fox jumps over the lazy dog
Title/H5
The quick brown fox jumps over the lazy dog
Title/H6
The quick brown fox jumps over the lazy dog
Title Font (Normal)
Title/H1
The quick brown fox jumps over the lazy dog
Title/H2
The quick brown fox jumps over the lazy dog
Title/H3
The quick brown fox jumps over the lazy dog
Title/H4
The quick brown fox jumps over the lazy dog
Title/H5
The quick brown fox jumps over the lazy dog
Title/H6
The quick brown fox jumps over the lazy dog
Label Font (Medium)
Label/X-Large
The quick brown fox jumps over the lazy dog
Label/Large
The quick brown fox jumps over the lazy dog
Label/Medium
The quick brown fox jumps over the lazy dog
Label/Small
The quick brown fox jumps over the lazy dog
Label/X-Small
The quick brown fox jumps over the lazy dog
Label/XX-Small
The quick brown fox jumps over the lazy dog
Label Font (Normal)
Label/X-Large
The quick brown fox jumps over the lazy dog
Label/Large
The quick brown fox jumps over the lazy dog
Label/Medium
The quick brown fox jumps over the lazy dog
Label/Small
The quick brown fox jumps over the lazy dog
Label/X-Small
The quick brown fox jumps over the lazy dog
Label/XX-Small
The quick brown fox jumps over the lazy dog
Subheading
Subheading/Large
The quick brown fox jumps over the lazy dog
Subheading/Medium
The quick brown fox jumps over the lazy dog
Subheading/Small
The quick brown fox jumps over the lazy dog
Subheading/X-Small
The quick brown fox jumps over the lazy dog