06 · Typography
DM Sans.
One typeface for everything. Headings, body, UI, print. DM Sans carries the brand voice with warmth and geometric clarity.
06.1
Typeface
Typeface
DM Sans
Colophon Foundry for Google
SIL Open Font License
Variable font with optical sizing (opsz 9-40) and weight (100-1000)
Character set
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%^&*()
Kanit is reserved for the logo mark only and is never used in layouts, UI, or body copy.
06.2
Scale
Heading styles
Display
48px / Semibold / 1.0
Heading 1
36px / Semibold / 1.1
Heading 2
30px / Semibold / 1.2
Heading 3
24px / Medium / 1.2
Heading 4
20px / Medium / 1.3
Body styles
Body Large · 18px / Regular / 1.6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.
Body · 16px / Regular / 1.5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Body Small · 14px / Regular / 1.5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
Caption · 12px / Regular / 1.3
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
06.3
Weights
06.4
Usage
Do
- Use DM Sans for all text across all surfaces.
- Let optical sizing adjust automatically.
- Use Semibold (600) for headings, Regular (400) for body.
- Keep body text at 16px minimum for screen, 10pt for print.
- Use sentence case for headings.
Don't
- Use Kanit outside the logo mark.
- Use all-caps for body copy.
- Go below Regular (400) weight for body.
- Tighten letter-spacing on body text.
- Mix DM Sans with other sans-serif faces.