Typography¶
The table below contains all the text styles used in the SDK:
This is optional and can be omitted if you are not using the corresponding feature
| Key | Description | Default | |||
|---|---|---|---|---|---|
| Size | Weight | Line height | Letter spacing | ||
| Label | |||||
titleL | Large titles | 24 | Bold | 100% | 0% |
titleM | Medium titles | 20 | Bold | 100% | -2% |
regular | Regular text | 17 | Medium | 22 | -3% |
subtle | Subtle text | 15 | Regular | 18 | -1% |
| Button | |||||
buttonM | Medium buttons | 17 | Semibold | 18 | -1% |
buttonS | Small buttons | 13 | Semibold | 18 | -1% |
| PageBar | |||||
pageTitle | Page titles | 17 | Medium | 22 | -3% |
| BottomSheet | |||||
iconButton | Icon buttons | 17 | Medium | 100% | -1% |
chipsButton | Chip buttons | 14 | Medium | 18 | 0% |
| ProductBar | |||||
product | Product names | 13 | Regular | 100% | 0% |
brand | Brand names | 12 | Medium | 100% | -1% |
| ProductBar Price | |||||
price | Price text | 14 | Bold | 100% | -1% |
| Welcome Screen | |||||
welcomeTitle | Welcome screen title | 40 | Heavy | 44 | 0% |
welcomeDescription | Welcome screen description | 16 | Medium | 18 | 0% |
| TryOn FitDisclaimer | |||||
disclaimer | Fit disclaimer label | 12 | Regular | 100% | -1% |