Blocks · FAQs
Accordion Glow
Standard accordion plus an accent halo ring on the open item. The chevron flips into a filled state.
01 · live
Pattern
Frequently asked, briefly answered
Four questions every adopter asks before installing.
What is LSD, exactly?▾
LSD is a design substrate — a layer beneath your design system that derives every color, surface tier, and contrast peer from a single OKLCH source. It outputs tokens any framework consumes.
Does it replace our design tokens?▾
It produces them. You keep your aliases, your component vocabulary, your build pipeline — LSD ships the derived source-of-truth that fills them.
How does it differ from a builder?▾
A builder writes HTML. LSD writes the substrate underneath the HTML — colors, surfaces, motion, behaviours — packaged as a .lsd contract three audiences consume: humans, agents, framework-adopters.
Is it framework-agnostic?▾
Yes. The output is CSS custom properties and a small runtime. Drop it into Next, Svelte, WordPress, or your hand-rolled static site.
View HTML
<details class="fag-item"><summary class="fag-summary">Q?<span class="fag-chevron">▾</span></summary><div class="fag-body">A.</div></details>LSD blocks · FAQs · Accordion Glow