Vertical Documentation
82 articles covering modules, templates, sections, and more.
Modules
Back to Top
A fixed button to return user to the top of the page.
Blog Featured Posts
Displays a few blog posts. Choose by selecting most recent, most popular, particular tags or manually picking your posts.
Blog Listing
Filterable and searchable listing of blog posts.
Blog Post Author
Display author information for a blog post.
Call to Action Box
A styled box that includes call to action text and a button.
Collapsible Text
List of collapsible items for condensing content.
Comparison Table
A table to compare features of different products or product levels.
Contact Info
A map and text where you can include location and contact information.
Counter
Animated numerical stats that count up to the desired number.
Feature Grid
A grid of featured items that can include an icon, text, and call to action.
Feature Items
A set of featured items such as benefits or services. Each item can include an icon, text, and call to action.
Full-Width Two Columns
Two columns that span the entire width of a section.
Hero - 1 Column
Single column hero with option to add text with an image, form, or video below it.
Hero - 2 Columns
Two column hero with options to add text and logos to one side and an image, form, or video on the other side.
Hero - Blog Post
A hero for the Blog Post template to display blog post information.
Hero - Text Only
A simple two-column, text-only hero.
Image Slider
A multi-slide slider with an image and title to showcase services or products.
Logos
A simple row of logos.
Pricing Boxes
Informational boxes for product pricing.
Related Posts
Dynamically generated posts related to the content of the current page.
Show/Hide Content
Choose what content to show in a blog post.
Showcase Slider
A multi-slide slider with image and title to showcase services/products.
Site Header
Main header for your site. Includes options for calls to action, language switcher, and search.
Social Follow
Icons to link to social media pages.
Social Sharing
Icons that link so users can share page to social media.
Staggered Images
A set of images with alternating top margins.
Tabbed Content
Tabular content that can contain text, calls to action, an image, video, and/or a form.
Team Listing
List out team members with their name, title, social links, and profile image.
Testimonials Slider
A full-width two-column slider of testimonials with image in one column and a quote in the other.
Testimonials Static
Simple testimonials in columns.
Text and Image Columns
Module used to create two columns with text and an image.
Theme Buttons
Custom call to action buttons.
Theme Form
A form module with extra options not available in HubSpot's default module.
Theme Image
An image module with extra styling options not available in HubSpot's default module.
Theme Rich Text
A rich text module with extra styling options not available in HubSpot's default module.
Transparent Header
Module to make the header transparent and overlap the first section of the page.
Templates
About
Share info, stats, and benefits about your company and let users know about the members of your team.
Blog Listing
A filterable, searchable, infinite load blog listing topped by a set of featured posts.
Blog Post
A blog post including a call to action, author information, social sharing, and related resources.
Contact
Simple page with location, contact information, and testimonials.
Flex
Compilation of several modules for use on inner content pages.
Home
Feature your most important content to let users know who you are and what you do.
Landing
Provide specific information or feature content to download.
Pricing
Show pricing tiers and service comparisons.
Services/Products
Provide information about your services and how they'll benefit users.
System
Set of templates available for use on system pages.
Team
List all the members of your company's team.
Sections
Call to Action Box
A full width call to action with text and button.
Comparison Table
Table comparison for products, services, service tiers, etc.
Contact - Two Column
Two-column section with a map on the left and contact information on the right.
Counter With Overlap
A list of stats with an animated counter overlapping the section above it.
FAQ
Collapsible text for frequently asked questions.
Feature Grid
A grid of featured items.
Featured Items
A list of items with icon, heading, text, and call to action.
Featured Items - Three
A list of three items with an icon, heading, text, and call to action.
Hero - Form
Two-column hero with text and logos on the left and a form on the right.
Hero - Overhanging Form
A full-width hero with just text and a form overhanging it.
Hero - Overhanging Pricing
A full-width hero with text and pricing boxes overhanging it.
Hero - Overlapping Image
A full-width hero with an image overlapping section below.
Hero - Staggered Overlapping Images
A two-column hero with staggered images overlapping the section below.
Hero - Text Only
A plain text-only hero.
Hero - Two Column
A two column hero with text and logos on the left and image on the right.
Hero - Two Column With Video
A two-column hero with text and a video.
Image Gallery
A full-width section with an image gallery.
Leadership
A short list of leadership members.
Leadership - Dark
A short list of leadership members on a dark background.
Logos
Simple row of logos with headings.
Related Blogs
A showcase of blog posts.
Related Blogs - Dark
A showcase of blog posts with a dark background.
Showcase Slider
A full-width slider to showcase services, products, resources, and more.
Tabs
A tabular content section.
Team Listing
A listing of your team members.
Testimonial Slider
A full-width testimonial slider with a light background color.
Testimonials Static
A set of three static testimonials with a heading.
Testimonials With Logos
A set of three static testimonials with a heading and list of logos.
Two Column - Image Left
Two columns with text on the right and an image on the left.
Two Column - Image Right
Two columns with text on the left and an image on the right.
Two Column - Text Only
Simple two columns of text.
Two Column - Text Only With Background
Simple two columns of text with a background image.
Two Tone Call to Action
Full-width call to action with an image on the left and text/button on the right.
Two Tone Call to Action - Dark
Full-width call to action with an image on the left and text/button on the right on a dark background.