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 Cards Filter 01

Detailed Case Studies

See how we got sky-high conversion rates after redesigning and
restructuring our website
SR Testimonial Grid 01

Sprocket Rocket Testimonials

left-quote Created with Sketch.

The template is really nice and offers quite a large set of options. Its beautiful and the coding is done quickly and seamlessly. Thank you!

Chris Sanford

Product Designer,
Google

left-quote Created with Sketch.

Ive had the pleasure of working with Sprocket Rocket since its inception and find it to be an invaluable tool in helping modernize our HubSpot build process.

Gabrielle Francis

Product Designer, Google

left-quote Created with Sketch.

I am using Sprocket Rocket for my new project and love every bit of it. While the great design convinced me in the first place, it is also a professional template to work with in the long run.

Denisse Atkinson

Product Designer, Google

left-quote Created with Sketch.

I think of this as a design resource that really helps you find the vision on sections and pages that often can seem boring to design. It does a great job of providing you alternative options that you can easily extend.

Justin Galloway

Product Designer, Google

left-quote Created with Sketch.

I had a great experience working with the team. I quickly learned how to use the tool on my own and if I ever got stuck, they were there to answer my questions. Would definitely recommend!

Kaila Terrell

Product Designer, Google

SR Cards Testimonial Grid 02

The easiest and fastest way to build on HubSpot

The template is really nice and offers quite a large set of options. It's beautiful and the coding is done quickly and seamlessly. Thank you!

Jovani Tate
INTERACTION DESIGNER

It was easy to put together pages and when I was done, I could just click and have the page automatically created in HubSpot.

Kaila Terrell
GRAPHIC DESIGNER

We built our old site using a template, and it left a lot to be desired. With SprocketRocket, we can go page by page and get the exact flow of content we need.

Hugh Branch
INBOUND WRITER
SR Articles 01

Latest Articles from Our Blog

Get the latest news and trends on Inbound Marketing

Why Google Gemini is a Procurement Powerhouse

The world of Enterprise Procurement is on the cusp of a revolution. Generative AI (GenAI) is no longer a futuristic fantasy; it's a powerful tool with the potential to reshape how ...
Matt McCarrick
Matt McCarrick

Applied AI - A Category Management Perspective

In the past two decades of my career in and around Enterprise Procurement, a common refrain has been the challenge of procurement's role within the higher echelons of corporate ...
Matt McCarrick
Matt McCarrick

Core Use Cases for Applied AI

Have you ever found yourself admiring how your smartphone voice assistant finds the nearest pizzeria, or how your favorite online shopping platform knows your tastes and ...
sligo.ai
sligo.ai

Understanding the 3 Levels of AI

To demystify and simplify the basic concepts of Artificial Intelligence (AI). it is helpful to think of AI as having three levels: Artificial Narrow Intelligence (ANI), Artificial ...
sligo.ai
sligo.ai

An Introduction to Neural Networks

For decades, scientists and researchers aspired to create intelligent systems capable of mimicking the human brain's processing and comprehension skills. With the rise of neural ...
sligo.ai
sligo.ai

An Introduction to Machine Learning

The phrase "machine learning" seems to be tossed around all the time. But what exactly is it, and why is there so much buzz about the topic right now? The introduction that ...
sligo.ai
sligo.ai

An Introduction to Language Models

Language is a complex medium for communication, and the ability to understand and converse naturally is a distinctive trait of human intelligence. The idea of machines decoding, ...
sligo.ai
sligo.ai
SR Bling Graphic 02

Built for Everyone

SR Cards Categories 01

HubSpot CMS Design Tool

We already have HubSpot, but struggled building website pages using their modules.
With SprocketRocket, we can finally build the pages we need for a high converting site.

SR Cards Testimonial Slider 04

Why do people love using Sprocket Rocket?

Really a great product, very versatile and easy to use. But above all thanks to the technical assistance that responded quickly and competently to all our questions. Absolutely recommended.
Dean Wheeler
Co-Founder & CEO, AcclaimWorks
Great framework. It helped us automate our website creation & maintenance, and made it faster and easy. Highly recommend.
Brad Kirkland
Chief Executive, YetiTech
Great theme, awesome design and very easy to use. Lots of great modules that can be edited and styled to fit your brand. Just as impressive is the support that comes with it.
Andrea Ricci
Business Development, Weerg
Great framework. It helped us automate our website creation & maintenance, and made it faster and easy. Highly recommend.
Joe Peter
Co-Founder, VP of Product & Design, Engageli
Great theme, awesome design and very easy to use. Lots of great modules that can be edited and styled to fit your brand. Just as impressive is the support that comes with it.
Olivia Miller
Marketing Manager, House of Revenue
Really a great product, very versatile and easy to use. But above all thanks to the technical assistance that responded quickly and competently to all our questions. Absolutely recommended.
Olivia Hu
Media Specialist, Markezing
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, calls-to-action, and more.

Light Years Ahead

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

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.

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

Prototype With Robust Modules

Select from a collection of modules and quickly populate and draft website and landing pages right to HubSpot.

Easy-To-Use Tools

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

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

Modular Design Tool

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

High-Conversion Websites Without The Hassle

3M

3 million daily active users

SR Cards Testimonial Slider 01

Built for Everyone

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

left-quote Created with Sketch.

This template is really nice and offers quite a large set of options.

Mark Robinson
Mark Robinson
Product Designer, Google
left-quote Created with Sketch.

Ive had the pleasure of working with Sprocket Rocket since its inception and find it to be an invaluable tool in helping modernize our HubSpot build process.

Meg Riley
Meg Riley
Product Designer, Google
left-quote Created with Sketch.

This template is really nice and offers quite a large set of options.

Mark Robinson
Mark Robinson
Product Designer, Google
left-quote Created with Sketch.

Ive had the pleasure of working with Sprocket Rocket since its inception and find it to be an invaluable tool in helping modernize our HubSpot build process.

Meg Riley
Meg Riley
Product Designer, Google
left-quote Created with Sketch.

This template is really nice and offers quite a large set of options.

Mark Robinson
Mark Robinson
Product Designer, Google
left-quote Created with Sketch.

Ive had the pleasure of working with Sprocket Rocket since its inception and find it to be an invaluable tool in helping modernize our HubSpot build process.

Meg Riley
Meg Riley
Product Designer, Google
SR Cards Testimonial Slider 05

Testimonials

The template is really nice and offers quite a large set of options. It's beautiful and the coding is done quickly and seamlessly. Thank you!
Chris Sanford
Product Designer, Google
Chris Sanford
The template is really nice and offers quite a large set of options. It's beautiful and the coding is done quickly and seamlessly. Thank you!
Chris Sanford
Product Designer, Google
Chris Sanford
The template is really nice and offers quite a large set of options. It's beautiful and the coding is done quickly and seamlessly. Thank you!
Chris Sanford
Product Designer, Google
Chris Sanford
Artificial Intelligence
Why Google Gemini is a Procurement Powerhouse

The world of Enterprise Procurement is on the cusp of a revolution. Generative AI (GenAI) is no

Matt McCarrick
Matt McCarrick June 12, 2024
SR Contact 01
Contact Us

View Google Maps

Monday 10am-6pm
Tuesday 10am-6pm
Wednesday 10am-6pm
Thursday 10am-6pm
Friday 10am-6pm
Saturday 10am-6pm
Sunday 10am-6pm

hi@SprocketRocket.co

+555 345 678 90

A great user experience can make or break a potential customer relationship. So when it's time for a website redesign, the pressure is on to make your site exceptional. However, with the wrong approach, website designs can quickly get out of hand. Traditional website design processes are notorious for going over budget, and way beyond their projected launch date. That's why the key to building an incredible site is coming up with an exceptional website project plan.
With the right building blocks in place, your content marketing strategy will be designed in a way that increases traffic, leads and sales opportunities - the primary focuses of any industry-leading content marketing expert! Master these five building blocks of a content marketing strategy to create more audience-driven, growth-oriented, and high-value roadmap.
Often, this day-to-day friction leads to an all-in-one solution such as HubSpot. With HubSpot, you can centralize your marketing and sales efforts. If you migrate to HubSpot's CMS (Content Management System), you get even more benefits, such as better reporting, mobile responsive web pages, and increased speed and security.

The decision to migrate to HubSpot may seem like a given, but it's not a fix-all solution. A lot of teams move to the platform to resolve ongoing marketing and website problems. That's why it's crucial to understand whether or not your site is ready for migration.
By the time a trend is being mass-marketed — like many of the ones mentioned in this article — innovators are already experimenting with new strategies behind the scenes. With this in mind, it's important to keep trends in perspective by following the ones that compliment your business and continuing to experiment outside of mainstream practices. In other words, don’t overlook the possibility of starting your own trends.

"Ive had the pleasure of working with Sprocket Rocket since its inception and find it to be an invaluable tool in helping modernize our HubSpot build process."

Meg Riley Product Designer, Google
SR FAQ 01

Why Sprocket Rocket?

Select from a collection of modules and quickly populate and draft website and landing pages right to HubSpot.

What is Inbound Marketing?
Quickly and efficiently build the materials you need to support your inbound marketing strategy. Drag and drop building blocks including testimonials, forms, calls-to-action, and more.
What is Sprocket Rocket?
Sprocket Rocket lets you transform your rapid prototype into a beautiful design by adjusting every aspect to fit brand standards.
What is GDD?
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 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 Hero 404
Page not found

Error 404

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

SR Hero Form 01

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.

ADDRESS:

777 Sprocket Rocket Rd,  
Awesomeville, FL 33101

PHONE:

777-456-9810

EMAIL:

matt@leanlabs.com

WEB:

https://www.sprocketrocket.co/

Contact Us

We’d Love To Hear From You!

SR Offer Bar 05

Strategy Kit

Every Great Growth-Driven Design Project Starts With Strategy. Base your websites strategy on your target audiences needs, problems, questions, and desires, and you will have solid foundation for success.

Image
SR Nav Min 01
SR Cards Grid 02

Meet all of your inbound
goals and objectives

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

Professional Design

Easy and fast adjustments of elements is possible with Core template.

Superior Inbound Material

Superior Inbound Material

Quickly and efficiently build the materials you need to support your inbound marketing strategy.

Light Years Ahead

Light Years Ahead

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

Enhanced User Experience

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.

Exceptional Customer Support

Exceptional Customer Support

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

Prototype With Robust Modules

Prototype With Robust Modules

Select from a collection of modules and quickly populate and draft website and landing pages right to HubSpot.

SR Cards Steps 01

Sign-up for the free trial to give our platform a spin

The template is really nice and offers a quite large set of options. It's
beautiful and the coding is done quickly and seamlessly. Thank you!

1
Quick Prototyping
The easiest and fastest way to build on HubSpot.
2
Enhanced User
Experience
All of the tips you needs to meet you marketing goals this year.
3
No Templates
Lean how to improve your teams productivity with this guide.
SR Cards Team 02

Meet the team

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

Cristian Teichner
Cristian Teichner
Design
Bradley Haveman
Bradley Haveman
Development
Miles Ukaoma
Miles Ukaoma
Growth
Giles Talbot
Giles Talbot
Design
Describe Your Image

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

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.

Describe Your Image
sr-logo@2x-3
sr-logo@2x-3
sr-logo@2x-3
sr-logo@2x-3
sr-logo@2x-3

High-Conversion Websites
Without The Hassle

Sprocket Rocket is a Premium HubSpot Template that lets startups, marketers and entrepreneurs redesign their website & optimize for conversion without developers, designers or expensive agencies.

    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

    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 500
    Page not found

    Error 404

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

    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 Two Col 04

    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 Stats 06
    Describe Your Image

    46

    Stackable Modules

    Describe Your Image

    23

    Proven Page Templates

    Describe Your Image

    13

    System Page Templates

    SR Pricing 03

    Pricing

    A compact way to list the offering and prices of your product.

    Monthly
    Annual
    Starter

    $20/mo$200/y

    • Unlimited Updates

    • Built for Hubspot

    • 10 Projects

    Growth

    $80/mo$900/y

    • Unlimited Projects

    • Branding

    • Analytics

    • Email Support

    • Upgrade Discount

    • Custom Interface

    Recommended
    Scale

    $50/mo$550/y

    • Unlimited Updates

    • Built for Hubspot

    • 10 Projects

    • Email Support

    • Analytics

    SR One Col Media 01

    Built for Everyone

    Optimize landing and website pages or start from scratch.

    SR Offer One Col 01

    HubSpot CMS Design Tool

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

    Download a Free Trial Today

    SR Offer Bar 06
    Sprocket Rocket — The easiest and fastest way to build on HubSpot
    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 Three Col 03
    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.

    Modular Design

    Modular Design Tools

    Leaner, more streamlined websites for a better UX

    SR Three Col 02

    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 Tabs Testimonials 01
    I've had the pleasure of working with Sprocket Rocket since its inception and find it to be an invaluable tool in helping modernize our HubSpot build process.
    I had a great experience working with the team. I quickly learned how to use the tool on my own and if I ever got stuck, they were there to answer my questions. Would definitely recommend!
    The tool was intuitive and the entire team learned how to use it quickly. We drafted all of the key pages and templates we need for our new site.
    Our existing site is clunky and all of our website pages have way too much copy, photos, and elements. It makes it confusing for our visitors to know where they should go next. We love the types of pages we're able to create using SprocketRocket.
    Jovani Tate, Interaction Designer @ Apple
    Denisse Atkinson, Inbound Marketer @ HubSpot
    Reuben Cowan, Front-End Developer @ Twitter
    Teagan Marquez, Marketing Manager @ YooHoo
    SR Tabs Accordion 01

    Why Sprocket Rocket?

    Select from a collection of modules and quickly populate and darft website and landing pages right to HubSpot

    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, calls-to-action, and more.

    Light Years Ahead

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

    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.

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

    Prototype With Robust Modules

    Select from a collection of modules and quickly populate and draft website and landing pages right to HubSpot.

    Easy-To-Use Tools

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

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

    Modular Design Tool

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

    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 Offer Video CTA 01
    Case Study

    How We Got A 1000% Conversion Rate In 7 Days