Buy Theme
Buy Theme
Get notified when updates to CLEAN are released.
WordPress-HS-2024-series

Everything you need to know about migrating your website from WordPress to HubSpot.

This step-by-step visual guide will walk you through the process and help get your website all set up on HubSpot.

 

Download Now
    web-creation-series-mega-menu-2024

    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.

      Google PageSpeed Insights is the gold standard in analyzing the speed and performance of a website. Here is how CLEAN Pro ranks. Not too shabby for a media-rich page.

      page-speed-3-7-23

      Report generated: Tues, March 7, 2023, based on Home Page - Opt 1.
        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
        video-chair-flip-1

        Start Here!

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

         
        Step 1: Create a Child Theme

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

         
        Step 2: Setup Your Style Guide Page

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

         
        Step 3: Adding your logo and navigation

        A quick rundown on what you need to know.

         
        Step 4: Jumpstart into the CMS

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

         
        Step 5: The 15-min "Ugly Page"

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

         
        Step 6: Setting up your typography

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

        Theme Settings

         
        Typography

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

         
        UI Elements

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

         
        Buttons & CTAs

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

         
        Forms

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

         
        Modal Pop-ups

        Adjust the style and look of the pop-up that you can trigger from the CLEAN Multi-Column Content Module. 

         
        Layout

        Learn how to set the STANDARD and SLIM content width defaults that you have the ability to adjust in the ///Row Settings of each CLEAN module.

        Global Elements

         
        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.

         
        Main Navigation

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

         
        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.

         
        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.

         
        Mega Menu

        Let's dive into setting up your mega menus. I'll show you step-by-step how to create these and get them looking good.

         
        Footer Navigation

        Here's where I'll show you how easy it is to adjust the style and look of your global footer. Color, fonts, and all that jazz.

         
        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.

         
        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

         
        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.

         
        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.

         
        Style the Listing Page

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

         
        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

         
        Adding Anchor Links

        Need to scroll a visitor to a specific part of your webpage? In this video, I'll show you how.

         
        Adding Custom Fonts

        If your font isn't in the Google Font library, follow these simple steps to add your custom font.

         
        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.