Release Notes: LSX Design System v1.6

Written by

lightspeed

in

,

The LSX Design System just took a big leap forward! The new LSX Design System v1.6 aligns every colour swatch, spacing token, and text style with the design language WordPress ships in its new default theme, Twenty Twenty-Five (WordPress 6.7) and the broader WordPress naming conventions. That means your designs now speak WordPress natively.

Highlights

  • WordPress-Native Palette – A slimmed-down set of Accent 1-6 hues, plus Accent 6 at 33 % opacity of Contrast for subtle overlays.
  • New Token Collections – Dedicated Spacing and Typography token collections, each with min/max “clamp” modes for responsive magic.
  • Modern Layout Vocabulary – Collections renamed (e.g. Layout, Foundation and System colours) to mirror WP 2025 terminology.
  • Typography Refresh – Font sizes, line-heights, and families remapped to the latest WP scale; Sub-headings now Medium / Large / Extra Large.
  • Button Overhaul – Only three purposeful variants remain—CTA, Fill, Outline—with a slick rising-hover on CTAs.
  • Cleaner Libraries & Style Guide – Patterns, Template Parts, and Templates reordered and clearly labelled; the Style Guide fully restyled.
  • Token-Driven Prototypes – Every frame now pulls colour, type, and spacing straight from variables, ensuring variable changes reflect accurately in each prototype.

Full Changelog of the LSX Design System v1.6

Added

  • Accent 6 colour token – 33 % opacity of the Contrast colour (matches Twenty Twenty-Five overlays)
  • Spacing Tokens collection to house spacing-alias variables
  • New min/max spacing modes in the Spacing collection for clamp() control
  • New min/max font-size modes in the Typography collection for clamp() control
  • Typography Tokens collection for Heading and Sub-heading sizes
  • New CTA button with rising hover state

Updated

  • Colours – Primitive → Foundation Colours
  • Colours – Semantic → System Colours
  • Sizing → Layout (WP naming)
  • First five colour tokens renamed Accent 1 – Accent 5 (WP palette)
  • Removed all tints/shades; consolidated palette
  • Font-size variables, spacing variables, and sub-heading names updated to WP 2025 conventions
  • Line-height groups renamed (Body 1.5 rem, Headings 1.25 rem, Sub-headings 1.35 rem) and recalculated
  • Shadow styles now mirror WordPress defaults
  • Adopted new Figma Layout options where available
  • Font Family groups renamed Headings / Body; Text styles updated accordingly
  • Buttons trimmed to CTA, Fill, Outline and re-assigned throughout the file
  • Pattern, Template Part, and Template libraries reordered and clearly labelled
  • Style Guide completely restyled
  • All colour values re-assigned to the new palette
  • Prototype collections renamed for clarity; prototypes rebuilt on variables/tokens

Removed

  • Five legacy colour tokens plus all tints/shades
  • Deprecated Sub-headings size group
  • Mis-categorised text styles (Body in Headings and vice-versa)
  • Redundant button variants

Fixed

  • Prototype links/interactions broken by earlier token and button changes
  • Miscellaneous naming inconsistencies across collections

Get the Update

Download the refreshed LSX Design System here. With WP-aligned tokens and cleaner libraries, you’ll design, export, and ship faster than ever.

Happy designing!

More posts