Overview
Good typography is invisible, enabling users to have a seamless experience while they’re using M-Files products.
Typefaces
M-Files Desktop uses Segoe UI typeface.
Scale
Typography has 4 different scales.
Text and background
Text is displayed bit diferently depending on the background color. With blue background white text is used and with gray background darker text is used.
How to use and when
Below is explained how to use different fonts in M-Files Desktop.
Vault listing typography
- Lato 14px, White #FFFFFF
- Lato 16px, Gray 1 #363A40
- Lato 14px, Gray 1 #363A40
- Lato 14px, Gray 1 #363A40
Metadata card and text
- Lato 20px, Gray 1 #363A40
- Lato 14px, Gray 2 #767676
- Lato 14px, Gray 2 #767676
- Lato 14px, Gray 1 #363A40
- Lato 14px, Gray 1 #363A40
- Lato 14px, Gray 1 #363A40