⚡️

Holistic Design Control in Elementor

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

Style Kits is like having a Customiser in the Elementor Editor

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

Headings and Text​

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

Global Colors

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

Outer Section Padding

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

Responsive Column Gaps

Manage the available column gap spacing scale with responsive controls.

Button Styles

Control the color and styling for every size of your Elementor buttons, and manage them globally.

Style-Kit ready templates

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

Global Styling

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

Easy Style Kit Management

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

For site owners

Start with Elementor design on the right foot

Design in the macro and achieve a holistic perception of your styling, right from the start. Save time by reducing repeatability and scale up safely.

Design by default

If you have no design experience, Style Kits is a great way to start on a solid design base. With pre-configured Style Kits that give you Fonts, colors, buttons and more.

For designers & agencies

Bootstrap your design workflow

Use or create your own style Kits, and start each project with a solid design foundation of pre-configured fonts, colors, and more. Save hours by dropping micro-design and focus on things that really matter.

Future-proof, scaleable design for your clients

Deliver projects with lightweight templates and flexible design macro-control. Deliver a design system, not a collection of layouts.

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