Premium

Design Token Manager

Named CSS tokens drive live swatches on this page.

What it does

Named CSS tokens drive live swatches on this page.

Tokens on this card

Heading size token

Body copy uses brand ink. The label and button use brand primary. Move the controls and this card updates.

Brand primary

This preview stays in your browser. Save site-wide tokens under Extras → Design Tokens.

How to implement

  1. Open Extras → Design Tokens.
  2. Set brand color, heading size, and radius.
  3. Use var(--ltxe-token-…) in Elementor, or try the controls on this page.