We provide some basic Default text styles for common elements. Use this to present your design and content as clearly and efficiently as possible.
The Typography used as Text extension
Title1
- font size 60 and bold
Text(
text = "Hello world!",
style = xelaTitle1
)
Title2
- font size 48 and bold
Text(
text = "Hello world!",
style = xelaTitle2
)
Title3
- font size 34 and black
Text(
text = "Hello world!",
style = xelaTitle3
)
Headline
- font size 24 and bold
Text(
text = "Hello world!",
style = xelaHeadline
)
Subheadline
- font size 18 and bold
Text(
text = "Hello world!",
style = xelaSubheadline
)
Body
- font size 16 and regular
Text(
text = "Hello world!",
style = xelaBody
)
BodyBold
- font size 16 and semibold
Text(
text = "Hello world!",
style = xelaBodyBold
)
SmallBody
- font size 14 and regular
Text(
text = "Hello world!",
style = xelaSmallBody
)
SmallBodyBold
- font size 14 and bold
Text(
text = "Hello world!",
style = xelaSmallBodyBold
)
Caption
- font size 12 and semibold
Text(
text = "Hello world!",
style = xelaCaption
)
ButtonLarge
- font size 16 and semibold
Text(
text = "Hello world!",
style = xelaButtonLarge
)
ButtonMedium
- font size 14 and bold
Text(
text = "Hello world!",
style = xelaButtonMedium
)
ButtonSmall
- font size 12 and bold
Text(
text = "Hello world!",
style = xelaButtonSmall
)