Style variations let you completely change the look of your Ollie site — colors, typography, the whole personality — with one click, without touching a single block. Because Ollie is built on a design-token system, every pattern and page you’ve built re-themes itself instantly.
Switching Styles
In the Site Editor, open Styles and browse the available styles. Ollie ships five complete style variations, each a distinct brand personality:
- Agency — muted sage green with a striking neon-lime accent. Earthy and professional.
- Creator — vivid violet with lilac accents. Bold and creative.
- eCommerce — warm, energetic orange. Built for selling.
- Startup — confident blue with cool undertones. Clean SaaS energy.
- Studio — playful pink. Design-studio charm.
Click one and watch your entire site — every heading, button, pattern, and section — adopt the new identity. Nothing about your content or layouts changes; only the design tokens underneath.
Mix and Match Colors and Typography
Beyond the five full variations, Ollie includes separate palettes and type presets you can combine independently:
- Seven color variations — blue, green, neon, orange, pink, red, and teal — swap just the palette while keeping everything else.
- Ten typography presets — different font pairings for headings and body text, applied site-wide in a click.
That’s dozens of combinations before you’ve customized a single value — and you can still fine-tune any color or font from there in Global Styles.
Why It Works So Well
Ollie’s patterns never hard-code colors — they reference your palette (Primary, Main, Base, and friends) — so patterns from the library always match whatever style you’re running. Design your site once, and rebrand it any time. For the full story on how the palette is designed, see the Ollie Color Palette doc.