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

Error 404

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

Return Home
SR Footer Min 01

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

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 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 Nav Min 01
SR Hero 404
Page not found

Error 404

Seems like the page you're looking for does not exist. Please go back to our main website through the link below.

Go to homepage
SR Clients Carousel 01
airbnb
fitbit
spotify
slack
alphabet
qualio
hirevibe
precision-hawk
smartmail
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 Footer 04
Skip to main content
Get Started
SR Offer Bar 06
Sprocket Rocket — The easiest and fastest way to build on HubSpot
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 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.