anthemionanthemion-stoa
← all of Classical

Classical

The stoa

A covered walk fronted by columns. The entablature rests on many, but one takes the load.

Navigation said as weight rather than as a coloured underline: exactly one column bears the entablature, it sinks a hair, its flutes deepen and the shadow gathers above it. `load="current"` reads aria-current and leaves the answer to the host; `load="scroll"` moves the load as the matching sections pass. It decorates a real <nav> of real links, so without JavaScript the navigation is complete and usable.

Integration

<link rel="stylesheet" href="anthemion.css">
<script type="module" src="anthemion.js"></script>

<anthemion-stoa load="current" flutes="7" depth="40">
  <nav><a href="#work" aria-current="page">Work</a><a href="#practice">Practice</a><a href="#contact">Contact</a></nav>
</anthemion-stoa>

Slot

Primary navigation.

Budget

  • One per page. A second colonnade is a second building.
  • Between three and seven columns. Fewer is a pair of links; more is a menu, and a menu is not a colonnade.
  • Never two bearing at once — if the design wants that, it wants a different component.

Restraint is the aesthetic, and it does not survive being applied generously. These limits are the specification, not advice.

Also in structure