Showcase your startup’s most important growth metrics with engaging counters . Whether it’s revenue growth, user acquisition, funding milestones, this module transforms raw data into a powerful visual story.

Fully customizable with metric labels, typography, colors, and flexible layout options — no coding required. Perfect for investor pages, landing pages, and growth reports that need a bold, modern, and data-driven presentation.

Key Features :

✅ Fully Responsive Across All Devices:
The counter adapts seamlessly to mobile, tablet, and desktop screens, ensuring a consistent user experience no matter how visitors view your site.

✅  Custom Metric Fields :
 Easily add, edit, or reorder startup-specific metrics based on your business model. 

✅ Customizable Number & Labels:
Easily add number and descriptive labels to each stat block to enhance clarity and visual appeal.

✅ Flexible Layout Options:
Choose between horizontal or vertical layouts and adjust spacing to best fit your design.

✅ Prefix & Suffix Support:
Add currency symbols, percentage signs, or custom text before or after numbers to match your content needs.

✅ Style Control in HubSpot Editor:
Customize fonts, colors, backgrounds, and borders directly within the HubSpot design editor — no coding needed.

✅ Lightweight & Fast Loading:
Built with performance in mind, ensuring smooth animations without slowing down your page.

Setting Up the Startup Growth Metrics Module in HubSpot : 

1. In the main dashboard, navigate to the Content tab and select either Website Pages or Landing Pages, depending on where you want to add the service section.

   

2. Choose the page where you want to apply the module.

   

3. Search for "Startup Growth Metrics" and drag and drop the module into the desired location on your page

   

Module Defaults Options: 

Layout ID :

Layout Options :  

For startup growth metrics module, select your preferred layout (e.g., Layout 1, Layout 2, or Layout 3). You can effortlessly rearrange the cards within the chosen layout to create the ideal content flow.

Sub Heading, Heading & Description : 

Counter Columns :  

You can easily customize the counter cards in HubSpot by adjusting the following settings.

Options : 

• Column Options: Choose and arrange card layouts with options for one, two, three, or four columns.
• Counter Repeater: Easily add multiple animated counters using the repeater function. Customize each with unique numbers, title and content to highlight multiple stats in one seamless, responsive, and visually engaging section. 

Module Style Options: 

Module Setting :

Adjust margins, padding, background colors, and container width to achieve your preferred design and layout.

Sub Heading, Heading & Description Setting :

Users can easily customize alignment, spacing, and max-width for precise layout control. Typography options like font size, weight, and line height are fully adjustable. All settings are optimized for both desktop and mobile views for a seamless experience.

Users can customize the background color, spacing, border and corner as well as apply box shadows and borders to align with their branding. Additionally, they can set a background hover color for interactive effects.

Users can customize the typography of the title and counter value and paragraph to align with their content, adjusting font size, weight, and line height for both mobile and desktop views. They can also modify spacing.

We hope you find our Startup Growth Metrics module valuable in enhancing both user experience and marketing effectiveness. At Code Accelerator, we're dedicated to making your HubSpot experience outstanding. For custom HubSpot modules or personalized HubSpot CMS and CRM setups, please feel free to reach out to Contact Us.