Global Style System

YOOtheme Pro builds your website design on a global style system. Instead of styling every element individually, your site follows one consistent design foundation for colors, typography, spacing and UI components.

Buttons, forms, cards, navigation, links, headings and other UI elements are styled out of the box and automatically match the selected style. This gives your website a cohesive look from the start, whether you build simple pages, complex dynamic templates or WooCommerce shops.

The global style is not limited to layouts created in the page builder. Since YOOtheme Pro is built on the open-source frontend framework UIkit, you can use all UIkit classes and attributes in custom HTML markup, and they will automatically inherit your global style.

YOOtheme Pro also makes UIkit’s interactive components available for custom markup. For example, you can create lightboxes, slideshows, dropdowns or accordions with UIkit’s documented markup and keep them visually consistent with your global style.

This approach gives designers and developers a shared design system that works across the whole website. Start from a ready-to-use style, refine it in the Style Customizer, and extend it with custom markup whenever your project needs more flexibility.