Typography
Villainess- UI provides many types and styles of text utilities for ease.
Headings
Use normal h1, h2 and so on tags to use these and styles will be applied automatically.
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Text Utility Classes
Villainess provides multiple utility classes for text sizes, font weights and text decoration, etc.
Text Sizes
Use classes like text-large, text-medium, text-small, text-regular to apply the respective styling.
Large Text
Medium Text
Small Text
Regular Text
Text Weight
Use classes like txt-light, txt-regular, txt-bold and txt-gray to apply the respective styling.
Light Text
Regular Text
Bold Text
Gray Text
Text Alignment
Use classes like txt-center, txt-right, txt-left and s tag to apply the respective styling.
Center Text
Right Text
Left Text