/

Documentation

/

Text Clusters

Text Clusters

The text components groups related text blocks into cohesive, visually balanced sections. Designed for clarity and hierarchy, it helps organize content like titles, features, or services — making your information easy to scan and engaging across all devices.

Section Title

Component

The Section Title component provides a clear and flexible way to introduce content areas. It supports left-aligned or centered text layouts and can optionally include a top badge for added emphasis — helping to create a strong visual hierarchy and guide users through your page effortlessly.

Centered Variant

Use the centered variant for a centered title.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Maximize Growth

Boost Your Productivity

Empower your business workflow.

Maximize Growth

Boost Your Productivity

Empower your business workflow.

Maximize Growth

Boost Your Productivity

Empower your business workflow.

Left Variant

Use the centered variant for a left aligned title.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Maximize Growth

Boost Your Productivity

Empower your business workflow.

Maximize Growth

Boost Your Productivity

Empower your business workflow.

Maximize Growth

Boost Your Productivity

Empower your business workflow.

Without Badge

Use the "no-badge" variants to disable the top badge on the left and centered versions.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Boost Your Productivity

Empower your business workflow.

Boost Your Productivity

Empower your business workflow.

Boost Your Productivity

Empower your business workflow.

Numbered Title

Component
Component
Component

The Numbered Title component combines a bold heading with a numbered dot and an accent line, creating a clear and stylish way to organize content steps or sections. Perfect for tutorials, processes, or feature lists, it adds structure and visual interest while maintaining readability and alignment across devices.

Example

The numbered title is a stylish way to organize content steps or sections

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

1

Grow Your Business

Boost Your Productivity

1

Grow Your Business

Boost Your Productivity

1

Grow Your Business

Boost Your Productivity

Feature Text

Component
Component
Component

The Feature Text component combines a bold title with a supportive subtitle to clearly communicate key benefits or features. Designed for readability and hierarchy, it helps break down complex information into concise, engaging sections that guide users through your content effortlessly.

Example

Feature titles help you stay consistent with your features.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Feature Title

This is a cool feature text that will make it stand out

Feature Title

This is a cool feature text that will make it stand out

Feature Title

This is a cool feature text that will make it stand out

Icon Link

Component
Component
Component

The Icon Link component pairs a clickable icon box with a clear label, creating an interactive element that’s both functional and visually engaging. With a subtle highlight effect on hover, it provides intuitive feedback — perfect for navigation, calls to action, or feature shortcuts.

Example

You can easily build quick link lists with this component.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Arrow Link

Component
Component
Component

The Arrow Link component combines descriptive text with a sleek arrow icon that subtly shifts on hover, adding a dynamic touch to your links. Designed to enhance user interaction and guide navigation, it’s perfect for calls to action, buttons, and inline links that stand out without overwhelming the design.

Example

Use the arrow link as a call to action.

The default button is setup to have hover and pressed states by default. It also has variants that you can use to display different styles.

Summary

The text components in this template are crafted for clarity, hierarchy, and engagement. From Section Titles with optional badges and flexible alignment, to Numbered Titles that add structure with numbered dots and accent lines, each element helps organize content effectively.

Feature Text pairs bold titles with supportive subtitles for clear messaging, while Icon Links and Arrow Links add interactive, visually appealing navigation cues. Together, these components provide a cohesive toolkit to present your content with impact and ease across all devices.

Create a free website with Framer, the website builder loved by startups, designers and agencies.