The LSX Design System includes a range of predefined styles to ensure consistency in text, colour, effects, and grids across your projects. These styles are linked to the system’s variables, enabling dynamic updates and ensuring a cohesive design.

Text Styles: #

• Includes styles for Primary and Secondary Headings, Subheadings, Button Text, Link Text, and Body primary text.
• All text styles are linked to their corresponding variables, meaning changes in variables (such as font or size) will automatically update the associated styles across your project.

Colour Styles: #

• Provides default colour styles for both WordPress and Gradient colours.
• Includes 30 gradient colour styles for flexible, visually appealing designs.

Effect Styles: #

• Contains pre-defined drop-shadow styles for WordPress defaults, Blur effects, and LSX Design Theme specific shadows, allowing for consistent depth and focus in your designs.

Grid Styles: #

• Offers grid styles for layouts with 3, 4, 5, and 6 columns, ensuring flexibility and alignment consistency when designing complex layouts.