A faster and easier way to build Kajabi Themes.

Download Product Theme Download Site Theme

Latest build: v1.1

Who Is This For?

Apollo was built by theme creators with theme creators in mind. It’s a simple framework that makes building custom Kajabi Site and Product themes effortless. With minimal markup and style, Apollo is meant to get you off and running quickly with everything you need for a fully functional Kajabi theme.

What Is Included

All Required Templates

Every Kajabi-required template is included with Apollo, including all Site and Product templates. You can customize all the markup or simply add your own style; either way, Apollo is ready for you.

Basic Markup

Apollo is stripped of all but the truly necessary markup, allowing you to add the HTML you feel necessary without battling the framework.

Built With Sass

Because Apollo is built with Sass it is easy to add all your customizations into all of the framework. Not comfortable with Sass? Apollo comes loaded with an override stylesheet where you can place your custom css and never have to touch the master styles.

Download Apollo

Apollo has been tested to work in IE 8+, Safari, Chrome, Firefox, Opera, Safari for iOS, Chrome for Android, and the stock Android browser.

Download Now

What To Expect

Uniformity is key in Apollo so that you, the designer, do not necessarily have to open a file to know what markup it will contain.

  • All snippets are wrapped with a class that matches the snippet name with a dash replacing the underscore.
    • post_listing.liquid wrapped in a class called post-listing.
  • Snippets that display lists of items are named with a _listings suffix.
    • Snippet for list of posts is post_listings.
    • Snippet for list of categories is category_listings.
    • Snippet for list of comments is comment_listings.
    • etc.
  • Snippets that display one post in a list are named with a _listing suffix.
    • Snippet for one post in a list is post_listing.
    • Snippet for one category in a list is category_listing.
    • Snippet for one comments in a list is comment_listing.
    • etc.

Grid System

The grid system has a total of 8 columns. Column widths are based on fractions: col-*-1-2 is 50%, col-*-1-4 is 25%, col-*-6-10 is 60%, etc. You can set the widths on a device-specific basis.

Grids can be nested, and retain the same gutter width. Columns can be offset and pushed/pulled using the same fraction-based percentages.