Theme Features

This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme's styling. The theme also comes with a wide range of different layouts and widget variations.


6 different theme styles for a good start.

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.


Bitte eine E-Mail-Adresse für das Benutzerkonto eingeben. Ein Bestätigungscode wird dann an diese verschickt. Sobald der Code vorliegt, kann ein neues Passwort für das Benutzerkonto festgelegt werden.

Custom Classes

Luna includes a number of custom classes that extend the functionality of UIkit and Warp or help customize the styling of certain Widgetkit plugins. This table gives you an overview of the purpose of each of these classes.

Class Description
.tm-block-gradient Type this class into the Class field of the Block Appearance section in the Warp administration, to add a background gradient to a module position. You can see this in the Ocean and Blue styles. In other styles you might need to set the gradient colors through the Customizer first.
Use these classes to create the typographic teaser we are using on the frontpage. For a code example, see Specials.
.tm-heading-line Add this class to a heading element to display a short underline with some spacing.
.tm-text-lead Add this class to a text element to apply a special styling, for example heading font family, uppercase and different font-size, depending on the style.
.tm-grid-button Add this class to the HTML field of the General tab in the Settings section of a regular Grid widget. Each item will then display a spinning arrow button on hover.
.tm-grid-shadow Add this class to the HTML field of the General tab in the Settings section of a regular Grid widget to apply a box shadow to images inside that grid.
.tm-subnav-bullet Add this class to a Subnav, so it will display a bullet icon as a separator between nav items.
Add one of these classes to block elements to apply 60px top and/or bottom margin.
Add one of these classes to block elements to apply 120px top and/or bottom margin.
.tm-padding-large Add this class to block elements to apply 60px padding.

Our themes are using modern technologies.

UIkit Framework

UIkit Framework

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Visit Website

Warp Framework

Warp Framework

A fast and slick theme framework which is built on the latest web techniques.

Visit Website

This theme is available for JoomlaJoomla and WordpressWordPress including the same features on each system.