Global Styles is the command center for your site’s entire visual language. Define your typography, colors, and spacing once, and those choices cascade through everything — every heading, button, pattern, and template on your site. Change your brand color and watch hundreds of pages update instantly. No CSS, no hunting through pages.
Where It Lives
In the Site Editor (Appearance → Editor), click the Styles icon (the half-moon circle) in the top bar. From there you can:
- Browse styles — try Ollie’s style variations, complete looks you can apply in one click.
- Typography — set the fonts, sizes, and weights for body text, headings, links, and buttons. Ollie includes ten hand-picked typography presets if you’d rather choose a pairing than build one.
- Colors — manage your palette. Ollie’s palette is a small set of named slots — Primary, Main, Base, and friends — and every block and pattern references those slots rather than hard-coded colors. That’s the trick behind everything staying in sync; the Ollie Color Palette doc explains the system.
- Layout — content and wide widths, plus site-wide spacing.
- Blocks — style a block type once, globally: every Button, every Quote, every Heading level, across the whole site.
Why This Is a Design System
If you’ve worked with professional design tools, this is design tokens for WordPress. Your styles are the single source of truth; patterns act like a library of smart components that inherit them automatically. Insert any Ollie pattern and it arrives already matching your brand — because it was built against the token slots, not specific colors and fonts.
The practical payoff: perfect consistency across hundreds of pages, and global redesigns in seconds. Rebrand from blue to green, swap serif for sans, tighten your spacing scale — each is one change in one place.
A Good Workflow
- Start from a style variation that’s close to your vision — Agency, Creator, eCommerce, Startup, or Studio.
- Adjust the palette slots to your exact brand colors, and pick (or tune) a typography preset.
- Build with patterns from there — everything you insert will match automatically.
- Resist per-block color overrides: every time you style through the palette instead of a one-off color, future-you keeps the one-click rebrand superpower.
Good to Know
- Global Styles has its own revision history — click the clock icon in the Styles panel to step back through changes.
- Style changes are instant and site-wide on save, which is exactly what makes them powerful — preview in the editor before saving.
- Ollie AI works within this system too: AI-generated pages are constrained to your design tokens, so even generated content respects your brand.