Buy Theme
Get notified when updates to CLEAN are released.

brand-canvas-free-download

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

    web-creation-series-mega-menu-2

    Everything you need to get started with HubSpot's CMS and build your CLEAN website.

    No developer is needed.  This complete 3-part series includes a step-by-step guide to high-fives all around the office.

     

    Download the Guides

       
      The CLEAN 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: Sat, Apr 23, 2022 at 2:56pm CST

        Tutorials

        CLEAN Pro

        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
        HubSpot Video
        video-chair-flip-1

        Start Here!

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

        HubSpot Video
         
        Step 1: Create a Child Theme

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

        HubSpot Video
         
        Step 2: Setup Your Style Guide Page

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

        HubSpot Video
         
        Step 3: Adding your logo and navigation

        A quick rundown on what you need to know.

        HubSpot Video
         
        Step 4: Jumpstart into the CMS

        A quick run-through of working in the HubSpot CMS and CLEAN

        HubSpot Video
         
        Step 5: The 15-min "Ugly Page"

        Spending 15 mins to create the world's ugliest page will save you hours.

        HubSpot Video
         
        Step 6: Setting up your typography

        A quick guide to everything you need to know about dialing in your brand fonts.

        Theme Settings

        HubSpot Video
         
        Typography

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

        HubSpot Video
         
        UI Elements

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

        HubSpot Video
         
        Buttons & CTAs

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

        HubSpot Video
         
        Forms

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

        Global Elements

        HubSpot Video
         
        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.

        HubSpot Video
         
        Main Navigation

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

        HubSpot Video
         
        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.

        HubSpot Video
         
        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.

        HubSpot Video
         
        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.

        HubSpot Video
         
        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

        HubSpot Video
         
        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.

        HubSpot Video
         
        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.

        HubSpot Video
         
        Style the Listing Page

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

        HubSpot Video
         
        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

        HubSpot Video
         
        Font Awesome Pro

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

         

        Request a video tutorial

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