Introducing Theme Studio: Design Tokens, Presets, and Full Visual Control

We've just shipped Theme Studio — a visual design environment that puts full creative control over your directory's look and feel right inside the dashboard. Pick a preset, adjust design tokens, preview every page in real time, and apply when you're happy. No CSS, no guessing, no limits.

Theme Studio lives alongside the Page Builder, giving you two complementary layers of control: structure your layouts with the builder, then style every pixel with tokens. Together they give you complete creative freedom over your directory.

Start with a Preset, Finish with Your Brand

Not sure where to begin? Theme Studio ships with several polished presets that cover a range of aesthetics:

• Default — A clean, balanced starting point with professional colors and comfortable spacing
• Mono — A sleek monochromatic palette that puts your content front and center
• And more — Additional presets spanning bold, minimal, and everything in between

Each preset is a complete, production-ready theme. Pick the one closest to your vision, then customize every token until it's unmistakably yours. Nothing is locked — every preset is 100% editable.

Design Tokens: Every Visual Detail, Under Your Control

Theme Studio is built on a token-based design system. Every visual attribute of your directory lives in discrete, adjustable tokens:

• Color tokens — Primary, secondary, background, text, borders, and accent colors. Change the primary color once and watch every button, link, and accent across your entire directory update automatically.
• Typography tokens — Font families, sizes, weights, line heights, and heading scales. Set the typographic personality of your entire site from one panel.
• Spacing tokens — Padding, margins, gaps, and border radii. Dial in the exact density and breathing room that matches your brand.

Tokens ensure consistency without effort. You're not hunting down individual elements across dozens of pages — you update a token, and the system handles the rest.

Live Preview with Full Navigation

The editor is split into two panels: controls on the left, a live preview on the right. Every token change renders instantly — no saving, no refreshing, no guesswork.

But the real power is that the preview is fully navigable. Click through your listing pages, blog posts, custom pages, and category views to check how every corner of your site responds before you commit. Only when everything looks right do you hit apply.

And if you change your mind? Revert to your last applied theme with one click. Experimentation is completely risk-free.

Built for Speed, No Code Required

Theme Studio is designed for directory owners who want a distinctive brand without touching CSS:

• Visual controls — Pick colors with a color picker (hex is there if you want it), choose fonts from a dropdown, adjust spacing with sliders
• Instant feedback — Changes render in the live preview in real time
• Safe experimentation — Nothing goes live until you click apply
• One-click revert — Jump back to your last published theme anytime

Where to Find It

Theme Studio is available now from the Appearance page in your dashboard. It works for every directory on every plan — including the free tier.

This release rounds out the design story we began with the MakeADir v2.0 page builder overhaul earlier this summer. With blocks for layout and tokens for styling, you now have a complete visual toolkit — no designer or developer required.

As always, we'd love to hear what you think. Drop your feedback on the roadmap or join the conversation on Discord.