A section heading (h2)

Placeholder: this is where the article’s first section starts. Regular paragraphs are just markdown — write normally, no escaping needed for the custom-element tags further down.

A subsection heading (h3)

Placeholder: use h3 for a subsection inside the h2 above.

A plain list, for steps or a set of related points:

Placeholder callout. A blockquote doubles as the callout style — use it for asides, warnings, or “why this matters” notes that should stand out from the surrounding prose.

A fenced code block:

placeholder-command --with-a-flag

A figure with a caption (swap /favicon.svg for a real image when writing a real article):

Placeholder figure image
Placeholder caption — describe what the figure shows.

Embedding the sample player

Placeholder: this is the pattern for an in-article audio comparison — drop the tags below verbatim and point src at files under public/audio/articles/.

Visualizing harmonic content

Placeholder: this is the pattern for comparing sources’ per-partial harmonic composition and harmonic ceiling — drop the tags below verbatim, same <sample-src> children as the sample player above.

Visualizing signal properties

Placeholder: this is the pattern for comparing sources’ envelope, crest factor, and spectral flux over time — again, the same <sample-src> children.