Customize theme

Typography (1rem = 16px)
Borders / Rounding



Buy now

Project structure


Folder contains all template's source and production files.

Around / assets

This folder holds compiled from source template's asset files.

Around / assets / css

Here you'll find compiled .css files: theme.css and theme.min.css

Around / assets / favicon

Favicon images for all browsers and platforms. They are linked in the <head> section of html document.

Around / assets / fonts

Folder with Around icons font files. Additionaly there is selection.json file for icon set customization. Learn more in UI icons (Icon font) section.

Around / assets / img

Folder contains all graphic assets like images, illustrations, vector icons, etc. divided into subfolders.

Around / assets / js

This folder contains compiled theme.js, compiled and minified theme.min.js files.

Around / assets / json

Configuration .json files for Lottie player animations.

Around / assets / vendor

This folder contains all vendor plugins' .js / .css files. Learn how to install new vendor plugins in this section.

Around / src

Folder with source files.

Around / src / js

This folder contains main theme.js and components subfolder with all modules. theme.js is processed (compiled / minified) into 2 files: assets/js/theme.js and assets/js/theme.min.js. The latter is linked to all .html documents.

Around / src / scss

This folder contains all project .scss files that are compiled and minified to styles in assets/css folder.

Around / src / templates

This folder contains all .pug files that are compiled into HTML in root folder, components and docs folders.

Around / components

Around UI Kit - all the component .html pages with code snippets.

Around / docs

Documentation you are reading now.

Around / package.json

File contains meta data about your app or module. Most importantly, it includes the list of dependencies to install from npm repository when running npm install.

Around / gulpfile.js

Configuration file for Gulp. It contains all Gulp tasks you will perform while working on Createx based project. Learn more about it from Working with Gulp section or official Gulp documentation.