Rubric Documentation

120 articles covering modules, templates, sections, and more.

Modules

Blog Listing Settings

Show/hide sections in the blog listing and choose which blog listing view you want to edit (main, simple, tag, author).

Blog Post Settings (Global)

Options to globally modify the blog post template.

Blog Post Settings (Local)

Options to locally modify the blog post template.

Call to Action

A callout with text and buttons for users to take action on.

Collapsible Content

A set of sections with content that the user can click to reveal.

Counter

Animated numerical stats that count up to the desired number.

Divider Line

Add a horizontal or vertical divider.

Icon Text

Content block with optional icon, text, and buttons.

Listed Resources

List of contained content for resources such as blog posts, events, courses, etc., with multiple different style options.

Logos

Display company logo or a grid/slider of logos.

Media

Display images, a video (in a modal popup), or a form.

Navigation

All-in-one for navigational needs. Add a static, flyout, or hamburger menu; mega menu options are included.

Overview

A box of condensed informational content.

Page Settings

Settings that affect global elements or the page as a whole, such as header options, custom social meta, and index settings.

People

Showcase groups of people such as team members, speakers, instructors, etc. or display a singular blurb.

Pricing Boxes

Display prices and information for services, product packages, etc.

Quotes

Display quotes and testimonials with optional source and portrait.

Section Settings

Settings to customize the look and layout of sections and columns.

Socials

Social media buttons for following or sharing.

System Page Content

Content specifically for use on system pages such as email subscription pages, membership pages, and search results.

Tabs

Tabular content that you can add columns and rows with text, images, videos, forms, and timelines to.

Text Block

Block of text content with optional eyebrow, heading, subheading, body text, and lists.

Utility

Add buttons, search, language switcher, link lists, and/or skip links to the page.

Templates

Blog Listing

Share your knowledge with featured posts, topic-separated listings, and a sidebar to direct users to particular topics and resources.

Blog Post

Complex template with post information, social share, sidebar of other resources, author information, and comments.

Course Detail

Long form page to provide details such as course requirements, schedule, lessons, and frequently asked questions.

Course Listing

Let users filter and search through all the courses you have to offer.

Event Detail

Provide users with all the information they need about virtual or live events with modules that cover stats, schedules, speakers, and more.

Event Listing

Let users browse all available events using filters, search, and a featured showcase.

Instructor Detail

Provide contact information and other important details about instructors, staff, employees, etc.

Multi-Step Form

Hold focus on a long multi-step form for registrations, conversational conversions, feedback, etc.

Registration

An informative landing page for users to register for services.

Request Info

Short conversion landing page for requesting info, services, etc.

Resource

Informative landing page for resources like e-books, webinars, whitepapers, etc.

Style Guide

A template designed to demonstrate the site's global settings set within the Theme Settings. This template should NOT be used for creating a page.

System - 400 Error

Inform users when there is a client request error.

System - 500 Error

Inform users that a server error has occurred.

System - Member Registration

Registration page for HubSpot Memberships.

System - Membership Login

System - Membership Reset Password

Create new password page for HubSpot Memberships.

System - Membership Reset Password Request

Request password reset page for HubSpot Memberships.

System - Password Prompt

Used for password protected pages.

System - Search Results

Display results from a search query.

System - Subscription Confirmation

Confirmation for user changing their email subscription preferences.

System - Subscription Preferences

Page for users to change their email subscription preferences.

System - Subscription Unknown Contact

Page for an unknown user to submit their email to change their email subscription preferences.

System Page Globals

This template is only to allow easy access to edit system page content and should not be used to create live pages for your website.

Sections

Blog Listing - Infinite Load

A blog post listing with a load more button.

Blog Listing - Recent Tag

A slider of recent blog posts with a particular tag.

Breadcrumbs

A link list, with a caret separator between links and a decorative horizontal rule to the right of the list.

Course Listing

A detailed resource listing with pagination.

Detailed Information

A two-column section to provide detailed information using text, tag list, single line icon, and collapsible content.

FAQ - Two Column

Frequently asked questions split into two columns.

Featured Event Slider

Stylized slider of featured events.

Featured Items - Callout

A box of three-column featured items.

Featured Items - Calls to Action

A row of three icons, text, and button.

Form Callout

A simple callout for a form call to action.

Form Callout - Informational

A form call to action with informational text and form that overlaps section above it.

Heading - Blog Listing

A two-column heading with an H2 and a small message box.

Hero - Detailed

A twocolumn hero with text, call to action, popup video, and overview to provide a detailed summary of a resource.

Hero - Recent Posts

A hero section featuring recent blog posts.

Hero - Registration

A hero section with social share and a form.

Hero - Resource

A hero section with an image, social share, and a call to action button.

Hero - Sign Up

Large, one column hero with heading, form, and informational text.

Hero - Simple

A hero section with centered text and background image/color.

Personal Details

A section with text, single-line icon text for contact information, and an image displaying personal details of staff, faculty, instructors, etc. Section overlaps the section above it.

Quotes - Text Only

A quote slider with text only.

Related Resources - Two Tone

A two-column section with a two-tone background and two lists of manually added resources. The left side list is Card style, and the right side list is List style.