Clarity is a beautiful mobile-first design featuring incredible typography, color, and imagery.

Dozens of particles make creating a stunning website that caters to your content easy. Your website will look perfect on mobile and desktop.

Learn more

The Slideshow particle is designed to naturally deliver your brand’s message on any device.

Easily configure the slideshow’s height, content source, direction, navigation, speed, and more in seconds from Gantry’s Layout Manager.

Learn more

Build experiences that introduce your brand to the world in a whole new way.

Clarity isn’t just another cookie-cutter design. Its bold typography and unparalleled flexibility makes it the perfect choice for your next website.

Learn more
Ion Icons is an iconic font that gives you scalable vector icons that can be customized by any font css command, such as size, color, backgrounds, hover effects and more. Below you will see several examples of this feature in action, but please visit http://ionicons.com/ for a full list of all icons available.

Round icon example:

<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-headphone icon_element"></span>
</div>
</div>


Icon Examples:

<span class="ion-camera" style="display: inline-block;font-size:2.5em;"></span>




View Full Cheatsheet (all CSS classes)