The Demo HubSpot Landing Page Template

I feel like a lot of HubSpot users don’t even know there is a marketplace where you can purchase templates. That’s why I decided to write this ‘series’ – showing you what kind of features the Adepto Digital templates have.

About the template

The Demo Landing Page Template is a very straightforward template. It includes a header area, a “description text” -area, a form, an image (meant for displaying a dashboard or something similar) and a simple footer area.

This template has three color pickers (described further down), which I think easier to use than the built-in function. Normally (for some modules) you can edit the styles by clicking on the item in the module list (in the left sidebar) – then at the top choosing ‘Styles’ at the top. You choose which method you want to use.

How to customize the template

Below is a screenshot of how the template looks in the inline editor. The module names should be explanatory enough, but I will go through them just in case.


(from top to bottom)
Header Color Picker: use the color picker or add HEX/RGB code to change the header background color.

Button Color Picker: use the color picker or add HEX/RGB code to change the form button color.

Footer Color Picker: use the color picker or add HEX/RGB code to change the footer background color.

Logo: normal image module for the logo. It is set to have a maximum width of 250 pixels and a maximum height of 200 pixels.

Header: a header module where you can choose between H1, H2, H3 and H4.

Description Text: this area is a rich text module, so you can edit the text in any way you want.

Text Above The Form: this area is a rich text module, so you can edit the text in any way you want.

Form: normal form module.

Laptop Image: image module, optimized for images like the laptop currently there. You’ll find the same image with a blank screen here. If you want to use another image, make sure it’s somewhere around 884px wide and 511px tall.

Footer Text: this area is a rich text module, so you can edit the text in any way you want.

That’s it, very simple! If you want to view the live demo, please click here. If you want to view the template on the HubSpot Marketplace, please click here.

If you have any questions about the template, do not hesitate to contact me by sending me an email at andreas@adeptodigital.com or filling out the form here.