SW Modules

Frequently Asked Questions - SW Sprocket Rocket Modules

These FAQs explain how Smithworks SW Modules work inside HubSpot, especially for Sprocket Rocket-style themes. Use them to choose the right module, understand common settings, and give AI agents better context before they start guessing.

How do Brand Kit accent colors map to an SW theme?

In HubSpot Brand Kit, set colors in this order so Smithworks / Sprocket Rocket themes inherit correctly:

  • Primary and Secondary map to theme Primary and Secondary.
  • First accent maps to theme Tertiary.
  • Second accent maps to Link and Link Visited.
  • Third accent maps to Link Hover.

You can still override link colors later under Theme Settings → Colors. Body and heading text colors are not taken from Brand Kit accents.

What does Publish theme mean in Theme Settings?

Publish theme in HubSpot means publishing your Theme Settings values (colors, typography, and related options) from the theme settings editor—usually opened from a page via Edit theme settings or Global theme styles.

It is not a Publish button on the theme folder in Design Manager. Design Manager uses Publish changes on individual files when a CSS, module, or template has unpublished edits. After you change Theme Settings, use Publish theme there so live pages pick up the new settings.

Do I need to set up system pages on Free CMS?

Usually no—not yet. On Free CMS, HubSpot often does not let you assign system page templates (404, 500, search, subscription, and membership pages). Smithworks themes still include the SW system page templates in the theme, but you typically cannot assign them until your Hub plan allows System Page settings.

Skip system page assignment on Free CMS, then revisit after you upgrade (for example Marketing Hub Pro+ / Content Hub Pro+ for error and subscription pages, and CMS Hub Pro+ for membership pages when you need them).

What is the difference between Theme Settings and SW Theme Settings?

Theme Settings are the standard Sprocket Rocket / theme global styles: primary colors, link colors, typography, border radius, featured image, and similar controls under Themes & Modules.

SW Theme Settings appear at the bottom of Theme Settings when Smithworks Theme Elements are installed. They add extras such as link colors for dark backgrounds, link text decorations, and button focus border options. Configure Theme Settings first, then scroll down for SW Theme Settings if that group is present.

How do I set my theme as the active theme for new pages?

In HubSpot, go to Content → Website Pages → Create, open the Theme dropdown, choose your theme, and select Set as active theme. New website pages will then default to that theme. This is separate from uploading theme files in Design Manager.

What is SW Hero?

SW Hero is the current Smithworks banner hero for website and landing pages. It includes headings, body copy, buttons, and the standard outer/inner Module Settings and Background pattern (spacing, widths, optional outer border, and inner background including image or video).

Why is my browser tab still showing the HubSpot favicon?

Recent themes prefer your Brand Kit favicon for the browser tab. After a theme update, hard-refresh the page. If the icon is still wrong, open Brand Kit and confirm the Default (or domain) favicon file is the image you expect—not a missing Settings file.

How do I show SW Testimonials in two or three columns?

Open the module Style tab → Testimonials layout. Set Columns (XL) (and Desktop/Tablet/Mobile as needed) to 2 or 3. Default is 1 (stacked). Use column gap to control spacing between quotes.