1 Go to and use the tool on the left to customize your theme, even before purchasing:

Act2 Customization - Step 1

Navigate between the available styles using the arrows:

Act2 Customization - Step 1 - Navigation

Reset a style to its default settings by clicking the style name and the reset button:

Act2 Customization - Step 1 - Reset

2 When you're ready with your design copy the customization code:

Act2 Customization - Step 2

3 Go to your HubSpot portal and replace the code at the top of your Act21.css file with the one you just copied:

Access HubSpot Design Tools

Act21 CSS Stylesheet

Act21 Customization Code

Publish CSS changes in HubSpot

Using Act2 with the old Design Manager? Read this documentation.