ÃÛ¶¹ÊÓƵ

Using the Style System using-the-style-system-with-aem-sites

[For publishing from AEM Sites using Edge Delivery Services, click here.]{class="badge positive" title="Publish from AEM to Edge Delivery Services"}

ÃÛ¶¹ÊÓƵ Experience Manager’s Style System allows visual variations of components without back-end development, allowing better re-use of AEM components, and more versatile and efficient content authoring. The Style System, when used in conjunction with AEM Core Components, template editor, and responsive layout, offers powerful capabilities to quickly compose rich experiences.

This video demonstrates how the Style System can be leveraged to create dramatically different visual appearances for a single Component, using only CSS.

The styles shown are provided by the . These styles are defined as CSS and do not require changes to the component’s backend logic, the HTL script or Sling Model.

Additional Resources additional-resources

Want to learn how to develop with the Style System? Checkout the following tutorials: