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 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 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.

Get Started
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 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.

Let's Do This
Flexible Tools

Easy-To-Use Tools

Optimize landing and website pages or start from scratch.

Let's Do This
SR One Col 02

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

Get Started
SR Offer Parallax 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.

Let's Do This
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 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 Two Col Gallery 01

Easy-To-Use Tools

Without rigid templates, you can build the exact type of website necessary to hit your website performance goals.
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 HTML
Hello World!
SR Two Col 01

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

Collaborate seamlesly 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.

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

SR Offer Bar 03
Sprocket Rocket Template

The easiest and fastest way to build on HubSpot.

Download Guide
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 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.

Professional
Design
Superior Inbound
Material
Light Years Ahead
HubSpot CMS Design Tool
Exceptional Custom Support
Prototype With
Robust Modules
Easy-To-Use Tools
No Templates
Modular Design Tools
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 Footer 04
SR Offer Parallax 02

Free Buyers Guide

Download your free copy of our special buyer’s guide. We’ll show you the top questions to ask before buying and how to find the best hardware and software for your business.

Get The Guide
SR Offer Parallax 01

Let's do something great on your next project.

Connect with one of our expert team members to start planning your solution.

Talk to an Expert
SR Offer Bar 02
Strategy Kit
Strategy Kit

Every Great Growth-Driven Design Project Starts With Strategy

Download Guide
SR Offer Two Col 02

Download a Free Trial Today

Describe your image
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 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 Cards Testimonial Slider 02
left-quote Created with Sketch.
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.
Kaila Terrell
Kaila Terrell
Product Designer, Google
left-quote Created with Sketch.
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
Jovani Tate
Interaction Designer, Apple
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.
Justin Galloway
Justin Galloway
Front-end Developer, Lean Labs
SR Five Col 01

Why Sprocket Rocket?

Achieve virtually any look and layout from within the template.

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

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

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

Optimize landing and website pages or start from scratch.

SR Hero 404
Page not found
SR Hero 500
Page not found

Error 404

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

Return Home
SR Meeting 01

Meet Chris, your Sales System coach!

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

No meeting selected

Select an existing meeting from the sidebar, or create a new one by navigating to the Meetings tool

SR Pillar Cover 01

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.
by First name Last name / Dec 5, 2019
SR Offer Bar 06
Sprocket Rocket — The easiest and fastest way to build on HubSpot

Blog Authors

BrandSafway Rental Team

Blog Categories

Subscribe
Find a Solution