# Typography

openBuild typography consists of 9 Headings, 4 Bodys, Caption and Overline. 

![](https://3323346004-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW4eajJmOk3q8BX2WzhCG%2Fuploads%2FDvOuBTX6S7zKeTYQlJ2q%2Fimage.png?alt=media\&token=2faf3ad3-f94a-4e92-a577-3dd057dc9c00)

Regarding variations, each text style is available in any variation of colors and alignment. Note that the style name syntax is always the same : ⊝TEXT STYLE-TONE-ALIGNMENT, like the example below.

![](https://3323346004-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW4eajJmOk3q8BX2WzhCG%2Fuploads%2FEtNpqrcMHqtZ3MwsXOd1%2Fimage.png?alt=media\&token=8a231f02-b9a6-4773-a51e-c0d2f8d85205)

Additionally, we added 3 text styles related to navigation : NavText S, NavText M & NavText L. Those are used primarily in navigation components (header, left menu, sub navigation etc..). 

openBuild typography consists of 9 Headings, 4 Bodys, Caption and Overline. 

![](https://3323346004-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW4eajJmOk3q8BX2WzhCG%2Fuploads%2FDvOuBTX6S7zKeTYQlJ2q%2Fimage.png?alt=media\&token=2faf3ad3-f94a-4e92-a577-3dd057dc9c00)

Regarding variations, each text style is available in any variation of colors and alignment. Note that the style name syntax is always the same : ⊝TEXT STYLE-TONE-ALIGNMENT, like the example below.

![](https://3323346004-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FW4eajJmOk3q8BX2WzhCG%2Fuploads%2FEtNpqrcMHqtZ3MwsXOd1%2Fimage.png?alt=media\&token=8a231f02-b9a6-4773-a51e-c0d2f8d85205)

Additionally, we added 3 text styles related to navigation : NavText S, NavText M & NavText L. Those are used primarily in navigation components (header, left menu, sub navigation etc..).