Theme Studio

Manage the look and feel of your website

The Theme Studio in Elements gives you the power to customise every part of your website. You have complete freedom for you or your clients. Easily change colours, fonts and text styles, borders, shadows and so much more.

Use Theme Defaults

When designing and building your website always use the recommend Theme Defaults when possible.

When building your site, we recommend sticking to the core theme settings so your design stays consistent and easy to manage. It also ensure all Templates and Components should "just work" right out of the box to match the style of your website.

• Colours: Use Brand, Accent, Surface, and Text. These are managed in the Theme Studio and ensure that components, templates, and layouts all work together seamlessly.

• Defaults: For Border Width, Radius, and Shadows, stick with the built-in Default option. This keeps spacing and depth consistent across your site.

• Typography: For text, use the predefined roles: Heading, Body, Code, and Quote. These are designed to work harmoniously and adjust automatically when you change your theme.

By using these theme roles instead of custom overrides, you’ll get a site that looks cohesive, is simple to rebrand, and stays compatible with future templates and components.