⚡️

Better design control in Elementor-powered sites.

Style Kits allow you to create and maintain the most essential aspects of your Elementor-powered design system. Enjoy global typography, spacing and color management, right inside the Elementor editor.

Optimize your design workflow with global styles

Experience macro-control of all your essential design variables like Typography, Spacing, buttons and colors. Save them as Style kits and create style presets that you can apply on any page, or globally.

Here is what you can control with Style Kits

Global Colors

Define the default colors for typography, links and buttons. Create sections with dynamic background colors.

Responsive Column Gap control

Manage the available column gap spacing scale with responsive controls.

Easy Style Kit Management

Import and export your style kits, and normal custom post types.

Style-Kit ready templates

Templates that you can control all aspects of the design from the Style Kit panel.

Outer Section Padding

Enjoy spacing consistency among the outer sections of your layout by applying padding presets.

Button Styles

Control the color and styling for every size of your Elementor buttons.

Headings and Text​

Enjoy total, responsive control over your Typography, through dedicated panels for Body and Headings.

Outer Section Padding

Create and manage spacing presets for the outer sections of your layouts.

Global Styling

Create or define a Style Kit as Global, and it will apply on all the Elementor pages in your site.

😉

A global Style Kit means global styling control for all your layouts.

Once your typography, colors and spacing is all-set, you can save them as a Style Kit. Now you can set a Style kit as Global and it will be applied on every page.

Want to use a different Style Kit on a specific page? Not a problem, simply select the Style Kit you want from the dropdown, and it will override the Global one.

"When I saw Style Kits, my jaw dropped. THIS is the final piece of the puzzle that makes building truly scalable layouts with Elementor a reality. Absolute genius! Style Kits changes everything"
Dave Foy
No Fear Funnels
"Style Kits solve the real problem you would face while building websites with Elementor - Global Styling Controls. Changing style settings for every element is a painful task and can lead to inconsistent design. Style Kits beautifully handles everything."
Puneet Shahalot
Idea Box Creations
⚡️

Style Kits is the perfect companion for Elementor Hello theme

Style Kits offer the Typographic and color control that you need in Elementor’s plain canvas Hello theme, making it a perfect add-on that will transform your workflow and give you site-wide control.

From the Blog

🤠

Get an unfair design advantage with a free, plug-and-play template gallery

How about clean templates with globally controlled styles? Check out a free collection of free templates and packs

Frequently asked questions

Yes, as long as it runs on a self-hosted WordPress installation and has Elementor activated. 

It works with any theme that is compatible with Elementor.

No, you do not need to have Elementor Pro in order to use the Style Kits.

However, some of the theme builder templates (Archives, singles etc) will not work if you do not have the Elementor Pro version.

Also, in some templates, only the contact form widget is used which is an Elementor Pro Element, but you can easily replace with your own contact form shortcode.

They help you design layouts with consistency, scalability and most importantly, a single place of control for your most important design styles: Typography, Spacing and, (soon) Colours.

After you activate the plugin, you will find a new set of handful controls at the page style panel, in the Elementor Editor.

These controls allow you to control the typography, spacing and button styles, for your whole layout, or if you choose so, your whole website.

Then, after you are happy with your design styles, you can save them as a Style Kit, which is nothing else but a saved selection of your styles.

you can apply this Style Kit to any other page, or globally. See how to make a global Style Kit.

You can visit our documentation site at docs.analogwp.com which is continuously updated.

Yes you can. You can use the templates in any number of personal or client projects. But please make sure you read the Terms of use and licensing of the templates.

Click on the chat bubble on the bottom right of this page and trigger a live chat with us, otherwise leave us a message and we will get back to you!

Sign up to our mailing list

Stay in tune with Style Kits updates, original, Elementor-focused content and resources.

By signing up, we assume you agree with our privacy policy.

Scroll to Top