Features

Global Themes & Variables

Design foundations that power every part of your project. Global Themes & Settings allow you to define reusable style rules for your entire project, from light and dark modes to custom fonts, color tokens, and extended class definitions. It’s your centralized space for managing design tokens, enabling consistency, flexibility, and scalability across all content without code duplication or bloated styles.

Create, extend, and reuse visual definitions confidently and instantly reflect changes across every component, page, or layout.

Unified Visual Identity

  1. Brand-specific Theme Settings.
    Any theme you want adapted to your liking.

  2. Global settings and design variables.
    Project wide fonts, color palettes and more.

  3. Design Consistency with ease.
    Ensure visual alignment across components.

Extendable & Flexible Styling

  1. Easily extendable theme options.
    Add or overwrite available classes globally.

  2. Themes without limits.
    Define Colors, Fonts, Animations and more.

  3. Extend and adapt what you need.
    Evolve your design without losing flexibility.

Define Foundational Themes

Global Themes let you create foundational design layers that apply project-wide. Whether working with a dark mode, a seasonal theme, or different brand variants, you can define settings once and reuse them across layouts, components, and content entries.

Themes are easy to configure, editable at any time, and instantly reflected across your project when selected or referenced.

Extend Class Options Globally

Beyond visual tokens like colors and fonts, Global Themes & Settings allow you to extend or overwrite the list of available class names. Whether you’re integrating with a design system, using Tailwind classes, or applying custom utility sets, everything remains modular and performance-conscious.

You choose what’s available, and only used styles are delivered to your end users.

Performance Built-In

Global settings are intelligently structured to avoid loading unnecessary data. Like with Component Themes, only the classes and themes actively used on your pages get bundled, ensuring your project stays lightweight and fast.

It’s flexibility with performance baked in — so you never trade one for the other.