Home / Design Your Hub / Hub Design Basics

Hub Design Basics

You can customize almost every aspect of the hub experience. That level of flexibility brings slight complexity with it, but we strive to make your experience as easy as possible. To get a good understanding of what's possible, this article will go over the different customizations that are available.

Themes and page definitions are the most important resources to read about if you want a quick introduction.

Themes

A theme is the collection of templates, scripts, and CSS files that make up your hub. This is the primary way to customize the visual look of your hub.

Themes consist of HTML templates enhanced with the Liquid language. These themes are designed to be easily edited by any web developer without the need to learn a complex system. Themes also contain Javascript and CSS files, which are standard web development concepts.

Read more about themes.

Page Definitions

You can define which pages are available in your hub. We have a set of pages that are available out-of-the-box, but you can remove, add, or modify your pages. A page consists of the URL and the data definition.

Read more about page definitions.

Theme Settings

A theme can define settings that are customizable without editing code. This is up to the theme to do, and all of the out-of-the-box themes will provide some level of customization.

Read more about theme settings.

Media

A well-designed hub is going to have branded images and other media assets. You can upload images via Clove's Media Manager. It's as easy as uploading a file, but you can read more here.

Read more about Media Manager.

Hub Preview

You will often want to stage changes to your hub before the changes go live. This allows you to QA the experience and make sure everything is perfect. We make this possible by allowing a theme to be copied and then edited, without that version of the theme begin live. A theme can be previewed before it goes live.