The column drum
A fluted section of column, which you press.
Decorates a real <button> — focus, keyboard and form behaviour are the host element’s own. Flutes deepen on approach and a light passes along the drum.
Integration
<link rel="stylesheet" href="anthemion.css">
<script type="module" src="anthemion.js"></script>
<anthemion-button variant="outline" flutes="16" depth="22" size="md">
<button type="button">Enquire</button>
</anthemion-button>Slot
Actions. Wraps a real button or link.
Budget
- Use `solid` for the single primary action on a page; `outline` and `ghost` for the rest.
- Never more than one `solid` in a view.
Restraint is the aesthetic, and it does not survive being applied generously. These limits are the specification, not advice.