The LSX Design System offers a comprehensive set of WordPress components and templates spread across several pages. These elements allow designers and developers to create fully functional and visually consistent WordPress websites with ease. From buttons to full-page layouts, this section covers all essential building blocks for your WordPress projects.

WordPress > Components Page: #

• Link to page: LSX Design System WordPress > Components Page
• Frame Templates: Different-sized frames for desktop, tablet, and mobile to serve as starting points for page designs.
• Buttons Light: Button components with variants in Default, Hover, Active, and Disabled states. Available in small, medium, and large sizes, with colour options including CTA, Primary, Secondary, Tertiary, and Link. Button styles include Rounded, Outline, Flat, Pill, and Link. Each button comes with boolean-controlled properties for Right Icon, Left Icon, and Has Text, plus a text property for managing the button label.
• Buttons Dark: Identical to Buttons Light but designed for dark mode.
• Colour Palette: A display of all variable colours used within the design system.
• Blog Components: Elements for blog pages, including review inputs, cards, and more.
• Navigation Components: Includes nav links, navbar dropdowns, breadcrumbs, pagination, and scroll bars for smooth site navigation.
• Forms & Inputs: Components for text inputs and form-related elements.
• Accordions: Multiple styles of accordion components for both closed and open states.
• Links and Lists: Link components available in xSmall, Small, Medium, and Large sizes, along with states for Default, Hover, and Active. Includes list components for Bullets, Numbered, and Icon styles.
• Decorators: Shadows and separators for enhancing the visual hierarchy and layout structure.
• Cards: Various card components for displaying information.
• Contact Components: Elements for building contact pages, including text inputs and contact information displays.
• Alert Bars: Components for alert notifications.
• Search Components: Different Search Bar styles for easy user navigation.
• Tables: A table component for displaying structured data.
• Audio & Video Components: Components for embedding audio and video content.

Note: All frames contain sub-components used to build these components, ensuring flexibility in customisation.

WordPress > Template Parts Page: #

• Link to page: LSX Design System WordPress > Template Parts Page
• Includes various patterns for Header, Footer, and Post Collection template parts, allowing for modular design when building WordPress sites.

WordPress > Templates Page: #

• Link to page: LSX Design System WordPress > Templates Page
• Ready-to-use template pages for key site functions such as 404, Single Post, All Archives, Author Archives, Index, and Search Results.

WordPress > Blocks Page: #

• Link to page: LSX Design System WordPress > Blocks Page
• A variety of WordPress Blocks aligned with Text, Media, Design, Widget, and Theme block categories to easily integrate into your designs.

WordPress > Patterns Page: #

• Link to page: LSX Design System WordPress > Patterns Page
• A comprehensive patterns library with designs for key site sections, including Blog Archive, Blog Post Headers, Contact, Contact Modal, Content, CTA, FAQ, Gallery, Hero, Layout, Logos, Pricing, Team, Testimonials, and Timeline patterns.

WordPress > Full Page Layouts Page: #

• Link to page: LSX Design System WordPress > Full Page Layouts Page
• Fully populated full-page layouts for key pages such as:
  • Home
  • About landing and subpages
  • Solutions landing and subpages
  • Services landing and subpages
  • Blog landing and single blog options
  • Portfolio landing and single portfolio options
  • Contact
  • Free Consultation pages