Typography
Typography in Muse products is divided into two categories: Basic and Additional. The Basic typography group includes standard text styles that address fundamental interface tasks and are present in all our products, regardless of the platform. Controls, forms, and product content are created using Basic typography styles. Additional typography styles are reserved for non-standard cases, such as monospaced text for tab content.
Detailed about font →
Tokens
Examples
For us, fonts are not just solutions to application challenges; they are also integral to our brand identity. To infuse our brand character into our products, we utilize a combination of two fonts: Muse Display and Muse Sans.
Heading
Size
TextStyles
TextSize
LineHeight
Context
XXL
Harmony
88
76
Accent title
XL
Harmony
72
64
Accent title
L
Harmony
64
56
Accent title
M
Harmony
56
58
Accent title
S
Harmony
44
36
Accent title
Subtitle
Size
TextStyles
TextSize
LineHeight
Context
L
Semibold
32
36
Interface title
M
Semibold
24
28
Interface title
S
Semibold
20
24
Interface title
Body
Size
TextStyles
TextSize
LineHeight
Context
L
Regular, Medium, Semibold
17
24
Large interface font / Small title
S
Regular, Medium, Semibold
15
20
Default interface font
Caption
Size
TextStyles
TextSize
LineHeight
Context
L
Regular, Medium, Semibold
13
16
Accent interface font / Small title
S
Regular, Medium, Semibold
11
12
Accent title
Font tokens
Font family
Token name
Token value
Default
Muse Sans VF
Accent
Muse Display
Mono
Muse Sans Mono VF
Font width
Token name
Token value
Heading
Harmony
Bold
Bold
Semibold
Semibold
Medium
Medium
Regular
Regular
Font size
Token name
Token value
7XL
88
6XL
72
5XL
64
4XL
56
3XL
44
XXL
32
XL
24
L
20
M
17
S
15
XS
13
XXS
11
Line height
Token name
Token value
6XL
76
5XL
64
4XL
56
3XL
48
XXL
36
XL
28
L
24
M
20
S
16
XS
12
Letter spacing
Token name
Token value
L
0.5
M
0.3
S
0