<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1021763991361312&amp;ev=PageView&amp;noscript=1">
Tutorials

CLEAN 6.1 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.

clean-theme-doc-overview

Start Here!

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

clean-theme-cloning-theme
Step 1: Clone the Theme

This will give you the option to make changes or customizations at the code level.

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 in 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

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.