--- title: HubSpot “How to” - HubSpot CMS Website Design “Cheat Sheet.” description: While the challenges involved with building a site on HubSpot have been widely documented, we thought it was “high-time” to help DIY designers. image: https://www.juiceboxbranding.com/hs-fs/file-18134702-png/images/anatomy_of_hubspot_page.png --- [![Juicebox Branding](https://www.juiceboxbranding.com/hs-fs/hubfs/jbb_logo.png?width=300&height=65&name=jbb_logo.png "Juicebox Branding")](https://www.juiceboxbranding.com/) ## New Module Add content here. # Inbound Web Design # HubSpot “How to” - HubSpot CMS Website Design “Cheat Sheet.” Posted by [Mike Cerio](https://www.juiceboxbranding.com/blog/author/mike-cerio) on Jul 11, 2012 11:12:00 AM - [Tweet](https://twitter.com/share) ### While the challenges involved with building a site on HubSpot have been widely documented, we thought it was “high-time” that a simple post was put together to explain how designing within the HubSpot CMS, may actually allow for far more flexibility than it has been previously given it credit for. What resulted was a simple graphic that outlines the various HubSpot template classes and ID’s made available for you to make “all your own.” Our hope is that through better understanding of the typical HubSpot CMS page hierarchy and naming, you might be encouraged to roll up your sleeves and try your hand at making those small tweaks to your website that have been bugging you for months. At the very least, it’s important to have a basic understanding of the inner workings of your site when speaking with your designer. Think about it, when you go to the auto mechanic, for example, it becomes far less “scary” if you have a foundational knowledge of cars. You may not want to replace the transmission yourself, but at least you feel confident in understanding why it is needed. While the HubSpot  CMS “Cheat Sheet” below is not an exhaustive list of ID’s and classes, our hope is that it will help as a starting point for better understanding what areas are available for customizing your website built on the HubSpot CMS.  ![anatomy of hubspot page](https://www.juiceboxbranding.com/hs-fs/file-18134702-png/images/anatomy_of_hubspot_page.png) Topics: [HubSpot Tips](https://www.juiceboxbranding.com/blog/topic/hubspot-tips), [Website Design Tips](https://www.juiceboxbranding.com/blog/topic/website-design-tips), [Hubspot Website Design Tips](https://www.juiceboxbranding.com/blog/topic/hubspot-website-design-tips), [Hubspot website](https://www.juiceboxbranding.com/blog/topic/hubspot-website), [Hubspot website design](https://www.juiceboxbranding.com/blog/topic/hubspot-website-design), [Inbound Website Design](https://www.juiceboxbranding.com/blog/topic/inbound-website-design) ## Something Powerful ### Tell The Reader More The headline and subheader tells us what you're [offering](https://www.juiceboxbranding.com/blog/bid/186969/HubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet#), and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for. Remember: - Bullets are great - For spelling out [benefits](https://www.juiceboxbranding.com/blog/bid/186969/HubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet#) and - Turning visitors into leads. ### Subscribe to Email Updates ### Recent Posts ### Posts by Topic - [inbound marketing (35)](https://www.juiceboxbranding.com/blog/topic/inbound-marketing) - [HubSpot Tips (18)](https://www.juiceboxbranding.com/blog/topic/hubspot-tips) - [Roll Call (15)](https://www.juiceboxbranding.com/blog/topic/roll-call) - [Marketing Links (13)](https://www.juiceboxbranding.com/blog/topic/marketing-links) - [hubspot (12)](https://www.juiceboxbranding.com/blog/topic/hubspot) - [marketing techniques (11)](https://www.juiceboxbranding.com/blog/topic/marketing-techniques) - [Website Design Tips (9)](https://www.juiceboxbranding.com/blog/topic/website-design-tips) - [blogging tips (9)](https://www.juiceboxbranding.com/blog/topic/blogging-tips) - [content marketing (9)](https://www.juiceboxbranding.com/blog/topic/content-marketing) - [marketing tips (9)](https://www.juiceboxbranding.com/blog/topic/marketing-tips) - [social media marketing strategy (9)](https://www.juiceboxbranding.com/blog/topic/social-media-marketing-strategy) - [Hubspot Website Design Tips (8)](https://www.juiceboxbranding.com/blog/topic/hubspot-website-design-tips) - [Inbound Website Design (8)](https://www.juiceboxbranding.com/blog/topic/inbound-website-design) - [Small business tips (8)](https://www.juiceboxbranding.com/blog/topic/small-business-tips) - [Best inbound marketers (7)](https://www.juiceboxbranding.com/blog/topic/best-inbound-marketers) - [Hubspot website design (7)](https://www.juiceboxbranding.com/blog/topic/hubspot-website-design) - [Inbound 11 (7)](https://www.juiceboxbranding.com/blog/topic/inbound-11) - [Design (4)](https://www.juiceboxbranding.com/blog/topic/design) - [blogging (4)](https://www.juiceboxbranding.com/blog/topic/blogging) - [Hubspot website (3)](https://www.juiceboxbranding.com/blog/topic/hubspot-website) - [Facebook for business (2)](https://www.juiceboxbranding.com/blog/topic/facebook-for-business) - [SEO (2)](https://www.juiceboxbranding.com/blog/topic/seo) - [infographic (2)](https://www.juiceboxbranding.com/blog/topic/infographic) - [Design Quotes (1)](https://www.juiceboxbranding.com/blog/topic/design-quotes) - [Marketing Quotes (1)](https://www.juiceboxbranding.com/blog/topic/marketing-quotes) - [Social media buttons (1)](https://www.juiceboxbranding.com/blog/topic/social-media-buttons) - [email design (1)](https://www.juiceboxbranding.com/blog/topic/email-design) - [email marketing (1)](https://www.juiceboxbranding.com/blog/topic/email-marketing) [see all](https://www.juiceboxbranding.com/blog/bid/186969/HubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet#) ### Juicebox Branding Juicebox Branding is a full service design shop located in upstate New York. We specialize in helping businesses all over the world develop and design their unique brand identities, and translate that identity to the web by utilizing a number of platforms that fit your business best like Hubspot, Wordpress or Big Commerce. ### Quick Links ### Need to Talk? (315) 760-5406 ### Locations Syracuse, New York Rochester, New York [schedule a call](https://www.juiceboxbranding.com/schedule-a-call) Share this page: [![Share on Facebook](https://static.hubspot.com/final/img/common/icons/social/facebook-24x24.png)](http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.juiceboxbranding.com%2Fblog%2Fbid%2F186969%2FHubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on LinkedIn](https://static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png)](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.juiceboxbranding.com%2Fblog%2Fbid%2F186969%2FHubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on Twitter](https://static.hubspot.com/final/img/common/icons/social/twitter-24x24.png)](https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Fwww.juiceboxbranding.com%2Fblog%2Fbid%2F186969%2FHubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fwww.juiceboxbranding.com%2Fblog%2Fbid%2F186969%2FHubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=HubSpot%20%E2%80%9CHow%20to%E2%80%9D%20-%20HubSpot%20CMS%20Website%20Design%20%E2%80%9CCheat%20Sheet.%E2%80%9D) [![Share on Pinterest](https://static.hubspot.com/final/img/common/icons/social/pinterest-24x24.png)](http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.juiceboxbranding.com%2Fblog%2Fbid%2F186969%2FHubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet%3Futm_medium%3Dsocial%26utm_source%3Dpinterest&media=http%3A%2F%2Fcdn1.hubspot.com%2Fhub%2F158015%2F305390_10100548508246879_837195_59275782_6882128_n.jpg) [![Share on Email](https://static.hubspot.com/final/img/common/icons/social/email-24x24.png)](mailto:?subject=Check%20out%20https%3A%2F%2Fwww.juiceboxbranding.com%2Fblog%2Fbid%2F186969%2FHubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet%3Futm_medium%3Dsocial%26utm_source%3Demail%20&body=Check%20out%20https%3A%2F%2Fwww.juiceboxbranding.com%2Fblog%2Fbid%2F186969%2FHubSpot-How-to-HubSpot-CMS-Website-Design-Cheat-Sheet%3Futm_medium%3Dsocial%26utm_source%3Demail)