Styleguide

Everything is written in semantic HTML styled by the global layers.

Tokens

Semantic tokens derived from the palette scales. Spacing aliases map to one fluid numeric scale.

Rendered content uses plain markup inside a .content scope. Nothing here carries a class.

Body text with a link, inline code,Ctrl+K, a highlight, small print,~~deleted~~ and inserted edits, and anabbr.

Blockquotes get a quiet accent rule and secondary text.

Source name

vp check --fix

Code blocks with an optional caption.

Buttons do things, links go places. State comes from native and ARIA attributes; variants from the closed data-variant vocabulary.

Structural patterns are selected by DOM context, never by appearance classes.

Default article
A self-contained item inside a .grid list gets card treatment.
Article links stay normal links
Outline variant
Transparent background, same structure.
Accent variant
Documented visual treatment via data-variant.

Disclosure with details and summary

Native open state, animated for those who allow motion.

The whole public class API: container, flow, grid, cluster, content, and sr-only.

Flow applies sibling rhythm through a single --flow-space hook.

This sentence is visible only to assistive technology.