Do you currently have a HubSpot site or blog, and you want to rebrand? Or is this a new site?
If you are rebranding, you will need to make updates without impacting your current site. Read guide
If this is a new site, you can move on to step 2.
Are you a developer and planning on customizing the theme code? Create a child theme
Are you new to using HubSpot themes? If so, I highly recommend reviewing these educational resources before going further, customizing the theme.
Plan your site architecture. How should your top navigation menu look? What about the footer navigation? Once you have this ready, update your default or create a new navigation menu. Read guide.
Begin building your pages using the provided templates
Go to the theme settings panel and click on the header to open the global partial editor screen. Select your new menu from the dropdown list: update colors and fonts and anything else you would like to update to the theme.
Navigate your site and begin sketching on paper what content and images you need for each page. I recommend doing this on paper vs. on screen because you can work through layout issues a lot quicker. Once completed, edit the pages and begin entering your text first.
You can use placeholder images for now so you can visualize your page layout. Once things are looking good, you then need to source images for your design. Here are some excellent sources for free photos and royalty-free images.
Update your blog templates from the theme. Read guide
These modules are intended for use in a 1 column section because they are wide content. Some even include column grid options.
You can include the following in multiple column layouts without impacting the design.