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.
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.
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
Does this work with any website?
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.
Does it require Elementor Pro?
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.
So, what exactly Style Kits do?
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.
Is there documentation?
You can visit our documentation site at docs.analogwp.com which is continuously updated.
Can I use the templates for client projects as well?
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.
I have some questions, how can I reach you?
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
By signing up, we assume you agree with our privacy policy.