Components

Browse all component examples

← Back to documentation

Typography Components Demo

Heading Component

Multiple heading levels with customizable styles.

H1: Main Page Title

H2: Gradient Heading

H3: Wide Letter Spacing

H4: Colored Heading

H5: Light Weight Heading
H6: Extra Bold Custom Size

Text Component

Different text styles for various use cases.

Lead text is perfect for introductions and important paragraphs that need to stand out.

Body text is the default style for regular paragraph content. It provides good readability for longer passages.

Small text is useful for captions, help text, and secondary information.

Semibold text for emphasis

Bold colored text for warnings

Link Component

Styled links with hover effects.