Parent: LSX Design System

[ashleyshaw]

Revisit and Restructure LSX Design System for Theme.JSON Export

Description

The LSX Design System requires a thorough review and restructuring to ensure it aligns with the latest design standards and can be effectively exported for use in the Theme.JSON configuration. Our focus has shifted to the Tour Operator Design System, but we need to bring the LSX system up to date.

Objectives

• Review all existing design variables and components in the LSX Design System.
• Restructure the design system to align with modern practices and ensure compatibility with WordPress's Theme.JSON format.
• Plan out a list of tasks for extracting and exporting variables into Theme.JSON.

Tasks

• Audit existing LSX design variables (colours, typography, spacing, etc.).
• Identify outdated elements and areas for improvement.
• Define a process for exporting design variables to Theme.JSON format.
• Plan a list of work for updating and refining the design system structure.
• IMPORTANT: Figma - Add WooCommerce Brands template parts and templates #184
• Improve Mobile Menu Design #174
• Figma Design System Sync #95
• Design a New Home and Front Page Template  #175
• Create Starter Child Theme for LSX Design and Publish as Minimal LSX Theme on WordPress.org #178

Acceptance Criteria

• The LSX Design System is fully compatible with the Theme.JSON configuration.
• All design variables are updated, documented, and ready for export.

Additional Notes

• Ensure consistency between LSX and Tour Operator design systems for seamless integration.
• Establish clear guidelines for maintaining the design system in the future.