Style Guide

Use this template a reference to your brand styles

Colors

Primary

Secondary

Tertiary

Custom Color

Typography

H1 - Prefacing Title - Lorem ipsum dolor sit amet

H2 - Title - Header - Lorem ipsum dolor sit amet, consectetur adipisicing elit

H3 - Subtitle - Secondary Text - Lorem ipsum dolor sit amet, consectetur adipisicing elit

H4 - Lorem ipsum dolor sit amet, consectetur adipisicing elit

H5 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
H6 - Lorem ipsum dolor sit amet, consectetur adipisicing elit
body - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.

p - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.

  • li - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • li - Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis.
  • li - Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.
  1. li - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. li - Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis.
  3. li - Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.

p.small - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.

p.large - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.

p.blog - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.

“Blockquote - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nisl a ipsum convallis consequat. Integer id felis a libero finibus convallis. Aenean consequat quam blandit luctus rhoncus. Curabitur in lobortis turpis.”

This is a link lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sed sapien magna. Morbi ac arcu eu tortor condimentum pellentesque.

Buttons

Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More
Learn More

Form Styles

Form Title

Custom Section

Add in your own sections

SR Footer 01
SR Hero 01

Light Years Ahead

Sprocket Rocket lets you transform your rapid prototype into a beautiful design by adjusting every aspect of the design to fit brand standards.

Get Started Now
Watch The Video
SR Three Col 01

Professional Design

Achieve virtually any look and layout from within the one template.

Flexible Tools

Build as many pages as you need for your high-conversion website.

Unlimited Power

The design sprints are a white glove service
SR Offer Bar 02
Strategy Kit
Strategy Kit

Every Great Growth-Driven Design Project Starts With Strategy

Download Guide
SR Footer 01
SR One Col 01

Easy-To-Use Tools

Collaborate seamlessly across devices from wherever you may be - whether you're in office, on the go, or making last-minute changes before your next meeting.

From start-to-finish, the design and strategy team provide all of the guidance and expertise necessary to build a high-conversion website.

Without rigid templates, you can build the exact type of website necessary to hit your website performance goals.

SR Two Col 02
Built for Everyone

Enhanced User Experience

Easy-of-use ensures new users learn to
use prototyping tools.
Flexible Tools

Easy-To-Use Tools

Optimize landing and website pages or
start from scratch.
SR Nav Min 01
How to Find High-Value Keywords You Can Rank For

How to Find High-Value Keywords You Can Rank For

 HubSpot Marketing Pricing: 4 Things You Need to Know

HubSpot Marketing Pricing: 4 Things You Need to Know

 Why Your Brand Narrative Shouldnt Promise To Be Faster, Cheaper, or Easier

Why Your Brand Narrative Shouldnt Promise To Be Faster, Cheaper, or Easier
How to Find High-Value Keywords You Can Rank For

How to Find High-Value Keywords You Can Rank For

 HubSpot Marketing Pricing: 4 Things You Need to Know

HubSpot Marketing Pricing: 4 Things You Need to Know

 Why Your Brand Narrative Shouldnt Promise To Be Faster, Cheaper, or Easier

Why Your Brand Narrative Shouldnt Promise To Be Faster, Cheaper, or Easier
SR Hero 02

HubSpot CMS Design Tool

This CMS design tool helps you get the most from the HubSpot COS.

Get Started Now
Watch The Video
Describe your image
head

Modular Design

You can use modular design to get the exact building blocks you need to build beautiful website and landing pages.

head

Easy-To-Use Tools

Get started on website and landing pages right away with little to no learning curve.

head

Enhanced User Experience

Collaborate seamlessly across devices from wherever you may be – whether you’re in the office, on the go, or making last-minute changes before your next meeting.

SR Hero 03

Flexible Templates for Massive Results

Templates in the HubSpot Marketplace can cost up to $1,000, but websites rarely fail because of the template.

View Pricing
SR Hero 04

Designed for Everyone

Sprocket Rocket is an easy-to-use HubSpot template that is loaded with
all the features you will ever need.

SR Hero 404

Error 404

Sorry, the page you were looking for at this URL was not found.

Return Home
SR Hero 404

Error 404

Sorry, the page you were looking for at this URL was not found.

Return Home
SR Hero 500

Error 500

An error occurred and your request couldn't be completed

Return Home
SR Hero Card 01

Build a High-Conversion Website on HubSpot

Access beautiful design tools and intuitive, flexible modules and build the website of your dreams

Get Started Now
How It Works
SR Hero Form 01

Light Years Ahead

Sprocket Rocket lets you transform your rapid prototype into a beautiful design by adjusting every aspect of the design to fit brand standards.

Download a Free Trial Today

SR Hero Two Col 01
Built for Everyone

Enhanced User Experience

Easy-of-use ensures new users learn
to use prototyping tools.

Let's Do This
Quick Prototyping

Prototype With Robust Modules

Choose from a vast selection of
modules and drag-and-drop.

Watch Demo
Get Started
Prototype With Robust Modules
SR Hero Video 01

Premium HubSpot Theme

Our theme has all of the resources and guidance needed to create a
high-conversion website.

Get Started for Free
SR Footer 02
SR Footer 04
SR Footer 04
SR Footer Min 01

©2024 Acme Co, Inc. All rights reserved. Privacy Policy

SR Footer Min 02

©2024 Acme Co, Inc. All rights reserved. Privacy Policy

SR Footer 02
SR Footer 03

©2024 Acme Co, Inc. All rights reserved. Privacy Policy

SR Hero 500

Error 500

An error occurred and your request couldn't be completed

Return Home
SR Hero Parallax 01

Superior Inbound Material

Quickly and efficiently build the materials you need to support your inbound marketing strategy. Drag and drop building blocks including testimonials, forms, call-to-action, and more.

Get Started Now
Watch The Video
SR Footer 03

©2024 Acme Co, Inc. All rights reserved. Privacy Policy

SR Two Col 03

Flexible Tools

From start-to-finish, the design and strategy team provide all the guidance and expertise necessary to build a high-conversion website.
Watch Demo
SR Two Col 03

Enhanced User Experience

Collaborate seamlessly across devices from wherever you may be - whether you're in the office, on the go, or making last-minute changes before your next meeting.
Watch Demo
SR One Col 02
SR Gallery 02

Easy-To-Use-Tools

Quickly and efficiently build the materials you need to support your inbound marketing strategy. Drag and drop building blocks including galleries,testimonials, forms, calls-to-action, and more.
sr-gallery-graphic-01
sr-gallery-graphic-02
sr-gallery-graphic-03
sr-gallery-graphic-04
sr-gallery-graphic-05
sr-gallery-graphic-06
SR Bling Graphic 02

Built for Everyone

SR Clients 01
airbnb
fitbit
spotify
slack
alphabet
qualio
hirevibe
precision-hawk
smartmail
SR Clients 01
airbnb
fitbit
spotify
slack
alphabet
qualio
hirevibe
precision-hawk
smartmail
SR Two Col 07

Light Years Ahead

Sprocket Rocket lets you transform your rapid prototype into a beautiful design by adjusting every aspect of the design to fit brand standards.

Let's Do This

  • Website Game Plan + Installation

  • Content Creation

  • Rapid Prototyping in HubSpot

  • Additional Design Budget

  • 150+ Modules

SR one Col Features 01

Sprocket Rocket Feature List

Achieve virtually any look and layout from within the template.

Easy and fast adjustments of elements is possible with Core template. Find our more about our all-in-one programmatic template.

Inbound Strategy

Meet all of your inbound goals and objectives.

Unlimited Power

Build as many pages as you need for your high-conversion website.

Built for Everyone

Easy-of-use ensures new users learn to use prototyping tools.

White-Glove Service

The design sprints are a white glove service.

Quick Prototyping

Choose from a vast selection of modules and drag-and-drop.