Spark Premium Documentation
146 articles covering modules, templates, sections, and more.
Modules
Accordion
List of collapsible items for condensing content.
Accordion
List of collapsible items for condensing content.
Background Overlay
Add to a section with a background image to add an overlay
Blog Featured Posts
A hero section to feature blog posts by most recent, most popular, or particular tags; or manually choose posts.
Blog Index
Adds a listing of blog posts to a blog listing template. Includes options for filters and a search bar.
Blog Index
Adds an infinite load listing of blog posts to a blog listing template
Blog Post
Adds post content to a blog post template.
Blog Post
Adds post content to a blog post template.
Blog Post Author
Display author information for a blog post
Blog Post Hero
A hero specifically for blog post templates. Includes options to show publish or updated date, author, and tags. Can set the featured image as a background or beside the hero text.
Blog Post Hero
A hero specifically for blog post templates.
Blog Post Hero V2
A hero specifically for blog post templates with a large image overlapped by post info
Blog Sidebar Resource Listing
A condensed list of dynamically generated or manually added posts/resources particularly useful in a sidebar.
Button
A customizable button.
Call to Action Box
A styled box for calling out an action to take.
Callout Box
A simple styled box to call out some important text
Callout Content Box
A box to call out some static text, collapsible text, buttons, image, form, and/or video
Columns
Quickly create 2-6 columns of text
Counter
Animated numerical stats that count up to the desired number.
CTA Box
A styled box for calling out an action to take
CTA Box V2
A styled box that includes text, a form, and an image
Eyebrow Navigation
A simple navigation primarily meant to be placed above the header
Feature Comparison Table
A table to compare features of different products or product levels.
Hero - Two Tone
A hero with a media side and content side that have different background colors
Hero Banner
Highly customizable hero banner.
Hero Banner
A highly customizable hero.
Icons with Text
Simple box of text with an icon.
Icons with Text
Simple boxes of content with icon, text, and call to actions
Image Grid
Simple grid of multiple images
Indexing and Social SEO
Update robot indexing and social meta for page.
Logos Slider
A slider of logos
Overlapping Media
Align an image, video, or form to overlap a section
Page Nav
In-page navigation of links.
Page Nav
An in page navigation with links generated dynamically or added manually
Pricing Boxes
Informational boxes for product/service pricing
Progress Bar
Adds a bar below the header showing the scroll progress of the page.
Related Posts
Dynamically generated posts related to the content of the current page.
Related Posts
Dynamically generated posts related to the content of the current page
Resource Index
A listing of resources with optionable filters and search
Schema
Quickly add schema data to your page.
Section Anchor
A div with an ID that can be linked to using a URL hash anchor (ex: #section).
Section Anchor
A div with an ID that can be linked to using a URL hash anchor (ex: #section)
Section Heading
A heading section that can be dynamically linked to if a Page Nav module is present on the page
Simple Menu
A HubSpot simple menu that is ADA compliant.
Simple Menu
A HubSpot simple menu that is ADA compliant
Site Header
Main header for your site. Includes options for a mega menu, various calls to action, and search.
Site Header
Main header for your site. Includes options for a mega menu, call to actions, and search.
Site Search Form
Search form that directs to the domain's site results page.
Site Search Form
Search form that directs to the domain's search results page
Site Search Results
Site search results for use in a search results template.
Site Search Results
A listing of search results.
Social Follow
Icons to link to social media pages.
Social Follow
Icons to link to social media pages.
Social Share
Buttons to share page to social media.
Tab Images
Images that can be clicked through using a tab list of captions.
Table of Contents
A list of links to use as a sidebar, particularly for a pillar page.
Tabs
Condensed content with a tabbed list.
Tabs
Condense content with a tabbed list.
Team Listing
A simple listing of team members.
Team Listing
A listing of team members.
Testimonials Slider
A simple slider of testimonials.
Testimonials Slider
A slider of testimonials including a quote and meta content (name and title)
Testimonials Static
Set of simple static testimonials in columns.
Theme Button
A custom call to action button.
Theme Form
A form module with extra options that are not available in HubSpot's default module.
Theme Form
A form module with extra options not available in HubSpot's default module.
Theme Rich Text
A rich text module with extra options that are not available in HubSpot's default module.
Theme Rich Text
A rich text module with extra options not available in HubSpot's default module.
Thumbnail Slider
An image slider with a thumbnail navigation.
Templates
About
Share info and benefits about your company and let users know about your team members.
About
Share info and benefits about your company and let users know about the members of your team.
About - Video
Share info, stats, and benefits about your company and let users know about your team members.
Blog Listing
A filterable and searchable list of blog posts.
Blog Listing
Filterable and searchable infinite load list of blog posts with a full-width hero.
Blog Listing - Background
Filterable and searchable infinite load list of blog posts with a set of featured posts.
Blog Listing - Modular
Filterable and searchable infinite load list of full-width blog posts with a set of featured posts.
Blog Post
A blog post including call to action, author information, social sharing, and related resources.
Blog Post
Simple blog post with two column hero.
Blog Post - Large Header
A blog post with large hero and sidebar.
Blog Post - Wide Header
Blog post with full-width header and sidebar.
Contact
Share frequently asked questions, location, and contact information.
Contact
Simple page with contact information, contact form, and frequently asked questions.
Contact - Large Form
Simple page with large contact form, logos, and testimonials.
Contact - Location
Simple page with location information, map, and contact form.
Flex
A combination of several modules for use on inner pages.
Flex Inner
A combination of several modules for use on inner pages.
Home
Feature your most important content to let users know who you are and what you do.
Home
Feature your most important content to let users know who you are and what you do.
Home - Angled Hero
Feature your most important content to let users know who you are and what you do.
Home - Split Hero
Feature your most important content to let users know who you are and what you do.
Landing
Feature content for download or to provide specific information.
Landing
Provide specific information or feature content for users to download.
Landing - Background
Provide specific information or feature content for users to download.
Landing - Long Form
Feature content for download or to provide specific information.
Pillar
Long-form content intended to overview a main topic or topic cluster.
Pricing
Show pricing tiers and service comparisons.
Product
Provide thorough information about your product/services and how they'll benefit users.
Product - Modular
Provide thorough information about your product/services and how they'll benefit users.
Resources
A filterable and searchable listing of resources.
System
Set of templates available for use on system pages.
Team
List all the members of your company's team.
Team
List all the members of your company's team.
Team - Gallery
A robust team page with a gallery of images, multiple team listings, and calls to action.
Thank You
A page you redirect your users to after they submit a form submission to provide them downloaded content or a simple message.
Thank You
A page you redirect your users to after they submit a form submission to provide them downloaded content or a simple message.
Sections
Contact Information
Text, form, and callouts for address and phone.
CTA - Full Width
Call to Action that spans the whole width of the page.
CTA - Two Column
A two column section with call to actions (with image, text, and link).
FAQs
A frequently asked questions section with a heading.
Features Comparison
A heading and a table to compare product/service features.
Form
A form section with 900px max width.
Hero - Angled Border
A hero section with an angled bottom border.
Hero - Landing
Two column hero for a landing page with logo, text, and form.
Hero - Landing Share
Two column hero for a landing page with text, social share, form, and a background image.
Hero - Simple Left Text
Full width text banner with left aligned text and background image.
Hero - Simple with Background Color
A simple full width text banner with a background color.
Hero - Simple with Background Image
A simple full width text banner with a background.
Hero - Simple with Bottom Image
A simple full width text banner with a background color and flush image on the bottom.
Icons with Text - 3 Items
A heading and set of three Icon with Text items.
Icons with Text - 6 Items
A heading and set of six Icon with Text items.
Icons with Text - Left Heading
Set of Icon with Text items and a left side heading.
Icons with Text - Left Heading - Boxed In
Set of boxed in Icon with Text items and left side heading.
Image and Text - Image Left
Two column section with image on the left, text on the right.
Image and Text - Image Right
Two column section with image on the right, text on the left.
Logo Slider
Logo slider with a heading
Pillar Chapter - Gallery and Benefits
Content for a chapter in a pillar page. Includes an image gallery and two column icons with text for featuring benefits, features, services, etc.
Pillar Chapter - Important Text
Content for a chapter in a pillar page. Includes a list, callout text, and two column section for calling out important information.
Pillar Chapter - Text Heavy
Content for a chapter in a pillar page. Includes columned text and a blockquote for long-form copy.
Pillar Intro
Intro content for a pillar page that includes an email form call to action.
Related Posts
Set of posts related to the page with a heading.
Related Posts with Button
Set of posts related to the page with a heading and a button.
Static Testimonials - 3 Col
A set of 3 static testimonials with a heading.
Tab Images
A heading and a tabber of images.
Tabs
Tab section with a heading.
Team
A filterable listing of all team members.
Team - Leadership
A heading and row of 3 columns to feature a small leadership team.
Team - Leadership - Large
A heading and rows of 3 and 4 columns to feature a large leadership team.
Testimonials Slider
A testimonials slider section
Three Column - Icons
A three column section of Icons with Text modules.
Two Column - Icons - Left Heading
A two column section of Icons with Text modules with a left side heading.
Two Column - Image Left
A two column section image on the left and text on the right
Two Column - Image Right
A two column section image on the right and text on the left
Two Tone
Two columns of differing background colors with text in left column and image in right column.