Search Filter
Type-to-filter input. Matches highlight inline. Empty state appears when nothing matches.
Pattern
Search the documentation
Try "tokens", "surfaces", "OKLCH", "motion".
14 questions
What is LSD?
A substrate beneath the design system. Derives color, surfaces, and motion from a single OKLCH source.
How do tokens work?
LSD outputs CSS custom properties. Your aliases and component vocabulary stay; the substrate fills them.
Why OKLCH?
Perceptually uniform. A 10% lightness step looks like a 10% lightness step.
What are surfaces?
Tier-aware backgrounds derived from your nebula. Five tints, all computed from one source color.
How does Aurora handle motion?
Like a DAW track. Named keyframes, layered envelopes, scrubbable playhead.
Can I keep my brand palette?
Yes. Surfaces panel derives the tier stack from any custom color you provide.
Does it work with WordPress?
Yes. Output is plain CSS custom properties — no framework lock-in.
Is the runtime small?
Under 12kb gzipped. Most logic compiles to static CSS at build time.
No matches. Try a different word.
View HTML
<input data-search><div data-list><div class="fsf-item" data-text="…">…</div></div>