Generate and coordinate colors, typography, and spacing across compatible WordPress themes and blocks.
Style Manager turns compatible WordPress themes and blocks into a coordinated design system. Instead of tuning isolated colors, font sizes, and spacing values by hand, you choose the feel of the site and preview how those decisions flow through the editor and front end.
It helps a supported site feel designed without requiring custom CSS.
Made with care by Pixelgrade.
| Color System | Typography | Spacing |
|---|---|---|
 |
 |
 |
- Color palettes with generated roles for supported themes and blocks.
- Typography choices for headings, body copy, and details.
- Spacing and rhythm decisions that keep layouts consistent.
- Theme-supported tweaks and motion settings.
- Context-aware block styles through compatible integrations.
- Live previews in the editor and on the front end.
Style Manager is not a universal page builder. It is most useful when the active theme and blocks are built to read its design decisions.
You can try Style Manager with this free Pixelgrade stack:
- Anima by Pixelgrade
- Nova Blocks by Pixelgrade
Anima provides the theme-level integration. Nova Blocks provides compatible blocks that can adapt to the same design decisions.
Style Manager also integrates with Pixelgrade's premium LT themes:
Some controls appear only when the active theme or blocks provide support for them.
- Install and activate Style Manager from WordPress.org.
- Use a theme or block library that integrates with Style Manager.
- Open
Appearance -> Editorand use the Style Manager controls exposed by your active theme. - For themes that still expose the Customizer workflow, open
Appearance -> Customizeand look for the Style Manager section.
If you identify an issue or have an idea for improving Style Manager, open a GitHub issue or use the WordPress.org support forum.
Start with the documentation index, then see installation, settings, integrations, and troubleshooting.
Style Manager is licensed under GPLv2 or later.