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

Form Styles

Form Title

Custom Section

Add in your own sections

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.

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

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
SR Hero 02

HubSpot CMS Design Tool

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

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

Modular Design

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

head

Modular Design

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

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.

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.

SR Hero 404

Error 404

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

SR Hero 500

Error 500

An error occurred and your request couldn't be completed

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

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.

Quick Prototyping

Prototype With Robust Modules

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

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.

SR Hero 500

Error 500

An error occurred and your request couldn't be completed

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.

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.
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.
SR One Col 02
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.

  • Website Game Plan + Installation

  • Content Creation

  • Rapid Prototyping in HubSpot

  • Additional Design Budget

  • 150+ Modules

SR one Col Features 01

Sprocket Rocket Feature List