LSX Design 1.3 Release notes

Elevate Your WordPress Experience We are thrilled to announce the release of LSX Design version 1.3, our latest update to the revolutionary WordPress block theme designed to empower creators, developers, and designers with advanced tools and capabilities. This release incorporates a range of enhancements, from an expansive color palette to improved design flexibility, ensuring that…

Elevate Your WordPress Experience

We are thrilled to announce the release of LSX Design version 1.3, our latest update to the revolutionary WordPress block theme designed to empower creators, developers, and designers with advanced tools and capabilities. This release incorporates a range of enhancements, from an expansive color palette to improved design flexibility, ensuring that your website not only performs excellently but also looks stunning.

What’s New in Version 1.3?

LSX Design version 1.3 brings several key improvements and additions that streamline the website building process and enhance usability:

  • Enhanced Color Palette: Dive into a more extensive array of colors, now featuring over 100 shades that give you the creative freedom to design vibrant and visually engaging websites. Each color is meticulously graded from 100 to 900, providing a vast range of intensity and saturation for precise design choices.
  • Figma Variables Integration: To make global changes seamless, version 1.3 integrates Figma variables into our design system. This means any changes to colors, typography, or spacing are automatically updated across all components, ensuring consistency and saving time.
  • Advanced WordPress and WooCommerce Integration: Continuing our commitment to seamless integration, the new version further enhances compatibility with WordPress and WooCommerce, providing a cohesive experience that leverages the best of both platforms.
  • Optimized Performance and Security: With improvements under the hood, LSX Design version 1.3 is faster and more secure than ever, ensuring your site runs smoothly and remains safe from vulnerabilities.
  • Full Accessibility Testing: We meticulously check every page we create using BrowserStack and Stark Accessibility Checker to ensure all of our pages are WCAG aligned, and that our pages are consistent across all browsers for all users.
Desktop Page Speed Report
Mobile Page Speed Report

Revamped Style Guide: A Closer Look

A significant highlight of this release is the revamped style guide included in the LSX Design System. Our comprehensive style guide is accessible directly within Figma and now features:

  • Detailed Typography and Color Specifications: Get precise guidelines on typography settings and the newly expanded color palette, helping you maintain visual consistency throughout your designs.
  • Streamlined Design Elements: From buttons and input fields to navigation bars and form elements, every component has been refined to ensure they meet modern usability standards and aesthetic expectations.

Explore the Style Guide

For a detailed look at the updated style guide, including live examples and usage tips, visit our demo site. This resource is invaluable for designers and developers looking to fully leverage LSX Design in their projects.

Download and Get Started

LSX Design version 1.3 is now available for download. Whether you’re upgrading from an earlier version or trying out LSX for the first time, this update is designed to enhance your ability to create, design, and manage WordPress sites more effectively.

Changelog [1.3.0]

LSX

Added

  • Added WordPress 6.5 Compatibility
  • theme.json added custom colour pallette to imrpove colour selections – #91
  • theme.json added Shadow preset options as per designs with 6 sizing presets
  • Block styles created for
    • Login/Log out Block style with 2 variations
    • List Block style – 4 Options which include custom icons – Arrow & Ticks for White/dark depending on background – #100.
    • Columns – Column seperator Block styling including Shadow Block style using presets – #101
    • Image Block style, added option for Dark inner borderQuote Block styleSearch Block style – Header Full expand – #123
    • Post Template Block style – Reposition Term list on image
    • Term List block style – Badge designs for Term lists 3 options available, Primary, Secondary & White
  • New Pattern added for Query block – 3 coloumn card layout
  • Template parts updated for posts 2-4 columns, post stack, product-collection, related products, title section
  • New template added for author.html & page-wide.html
  • Accessibility with ARIA labels and keyboard navigation

Updated

  • Updated theme.json to refine theme settings and configurations.
  • button.css – Button Block styles changes, removed custom designs fro the Default & Outline button and created new Block styles for LSX buttons – #94 & #109
  • Improved CSS for better responsiveness and visual consistency across the theme included editor conflicts – #98
  • updated class-block-setup.php to register new Patterns
  • updated class-block-style.php to register new Block styles
  • Template parts updated for breadcrumbs, checkout, comments, header-cta
  • All templates updated with spacing & layout to be uniform with margin/padding & presets
  • Screenshot update
  • User guide and developer notes
  • Updated the theme name in the readme and the style.css description.

Improved

  • Image handling techniques
  • Code optimization for better performance

Removed

  • Removed extra fonts like Lora, Montserrat and few other fonts to optimize performance and streamline design.

WooCommerce

Added

  • New Woocomemrce patterns added, featured-products, on sale products, top rated with 3 different card designs

Updated

  • Updated woocommerce.css for better colour and layout compatibility with updated theme