Take your brand from barely noticed to wildly loved with my Brand Canvas and 3-Step Guide.

Yep. It's totally FREE. No fluff. No B.S.  Just actionable steps you'll wish you took months if not years ago.

 

Curious?? Learn More

    brand-canvas-free-download
       
      The CLEAN 6.2 Theme

      Take full advantage of the new and improved HubSpot CMS experience with the CLEAN theme.

      Theme Support & Reference

      Have a question and looking for an answer? I've likely got a video for that or an article that covers it.

      Built for Speed, Performance, AND an awesome UX.

      GTmetrix is the gold standard in analyzing the speed and performance of a website. Here is how the helpfulhero.com homepage (using CLEAN) ranks. Not too shabby for a media-rich page.

      gt-metrix-grade-2-15-21-1

      Report generated: Mon, Feb 15, 2021 at 1:03pm CST

        Tutorials

        CLEAN THEME

        It's all about video these days.

        No one likes reading. Especially documentation... That's why I've created a complete video library to show you how to maximize the use of the CLEAN Theme.


        Request Video Tutorial
        clean-video-library-intro

        Start Here!

        So you just purchased CLEAN. Awesome! Here are your first steps.

        Child-Theme-Setup
         
        Step 1: Create a Child Theme

        New & Important!! Learn how to create a child theme here. 

        clean-theme-style-guide-overview
         
        Step 2: Setup Your Style Guide Page

        This included theme file will help you dial in all your brand colors, fonts, etc.

        clean-theme-settings-overview
         
        Step 3: Theme Settings Overview

        A quick overview of how to access the global theme design settings and what's included.

        Theme Settings

        clean-theme-typography
         
        Typography

        Learn how to customize your website's text style. Fonts, sizes, colors, etc. 

        clean-theme-ui-elements
         
        UI Elements

        Create the global default style for your icons and the little line design accent. 

        clean-theme-cloning-themeCTAs
         
        Buttons & CTAs

        You have complete control over the style of your buttons and CTAs. Here you'll learn how.

        clean-theme-forms
         
        Forms

        Here is where you'll set up the global style for all your form elements.  Input fields, submit buttons, etc.

        Global Elements

        clean-6-theme-add-your-logo
         
        Add Your Logo

        Let me show you how to add two versions of your logo so you have options based on a light or dark-colored background.

        clean-6-theme-main-navigation
         
        Main Navigation

        In this demo, I'll show you how easy it is to set up your navigation using HubSpot's Advanced Menu.

        clean-6-theme-header-hat
         
        Header "Hat"

        This is that little bar at the very top of the browser. It's super handy for links that need to be accessible but allow you to have a clean and simple main nav.

        clean-6-theme-header-style
         
        Header Style

        Want to customize the look of your header? Gotcha covered! In this video, I show you how to edit the color, size, typography, etc.

        clean-6-theme-footer-style
         
        Footer Style

        Want to customize the look of your header? Gotcha covered! In this video, I show you how to edit the color, size, typography, etc.

        clean-6-theme-translation
         
        Translation Feature

        Translating your website into multiple languages? I've got your back. Here I'll cover how to set up all your global elements to work with each translated page.

        Blog Setup

        CLEAN-theme-blog-initial-setup
         
        Using the Blog Templates

        I'm about to show you the easy initial steps in attributing the CLEAN blog templates to your new or existing blog.

        CLEAN-theme-blog-create-post
         
        Creating a Blog Post

        Let me show you a few important things to know when creating new blog posts or editing existing ones when using the CLEAN theme.

        CLEAN-theme-blog-listing-page
         
        Style the Listing Page

        Want to change the header image or adjust some font sizes and background colors? I've got you covered.

        CLEAN-theme-blog-post-style
         
        Post Page Style

        All the style settings you need to get your blog post pages looking awesome and on-brand with the rest of your CLEAN website.

        Tips & Tricks

        CLEAN-theme-Font-Awesome-Pro
         
        Font Awesome Pro

        Want to add your Font Awesome Pro account to access even more icons? I've got you covered.

        More Videos Coming Very Soon!

        I'm actively working on making this an incredible video library to answer your every question when it comes to using CLEAN.

        The cool part is that you get to see it evolve.

        Request a video tutorial

        What video tutorial would be the most helpful to you? Let me know and I'll make it.