Development
WordPress Design System
Automatic.css
The design system behind our WordPress builds, keeping spacing, type and colors consistent on every page.
- Category
- Development
- Stack role
- Styling
- Tool type
- Framework
- Best suited for
- Consistent WordPress Design Systems
- Hosting model
- Self-Hosted
- Made by
- Digital Gravy
What is Automatic.css?
Automatic.css, in plain English.
Automatic.css is a CSS framework made for WordPress. CSS is the code that controls how a site looks: colors, fonts, spacing and layout. A framework like this gives a project a ready-made set of rules so every page follows the same design.
It works with page builders such as Bricks, and with the WordPress block editor. In practice that means your headings, buttons, sections and spacing all come from one shared set of settings. Change a brand color or a type size once, and it updates across the whole site.
It's a paid plugin rather than a free one, and it lives inside your WordPress site. You won't see it day to day. You'll see its effect: pages that look tidy, line up properly and adapt well from desktop down to a phone.
In our stack
Why we use Automatic.css.
Automatic.css is the design system on our WordPress builds, paired with Bricks. It lets us start every site from the same proven spacing and type scale, then tune it to your brand. That saves build time and keeps the result easy to maintain.
Consistent Look
Spacing, type and colors follow one set of rules across every page.
Faster Builds
We start from a proven foundation instead of styling each page from scratch.
Easy Brand Changes
Update a color or font size once and the whole site follows.
Related tools
Works well with Automatic.css.
Build with us