Footer marquee words

Three rows of display type running across the foot of the page on your contrast colour.

A footer is usually where a page gives up. This one restates what you stand for in eighteen short phrases, set as type at three and a half per cent of the viewport, on your ink rather than your ground, with a drawn mark between one phrase and the next. The top row runs rightwards, the two below it oppose in turn, and the whole band answers the pointer: back at the left, still in the middle, three times the speed at the right. Any row can be tapped, or focused and held with Enter, which is what a phone gets instead of a pointer.

Three rows of opposed type is the densest thing the block makes, and the footer is where density is affordable: there is nothing below it to compete with.

Those two are navigation: a name, some links, a copyright line, under a rule. This one carries no links at all. It is the band you put ABOVE one of them when the page needs a closing statement rather than a site map, and it should never be the only footer on a page: put it above footer-strip and let that carry the links.

1. The phrases. Eighteen items, each an h3. They are short on purpose: a sentence in a row that is moving is a sentence nobody finishes.
2. The sign-off below the block, which is a sibling and not part of it, so it sits below the frame where it can be read and clicked.
3. Rows, if three is too much band for your page. Two is calmer; one is a different pattern.
4. Speed and Reach. 1.2 and 3 are the loud end of what the block does.
5. A mark between items off, if the dots are too much punctuation for your phrases.
6. The heading level, if an h3 in the footer upsets your page's heading order. The words are headings so a screen reader can list them.

The face, the weights and both colours. The section is painted with your contrast as its ground and your base as its ink, which is the reverse of the page above it, and every word takes your theme's own display face at whatever size your preset scale settles on inside the clamp. The mark between the phrases is drawn, not a character, so it is the same mark on every device and states no font.

Three rows, dealt round-robin from eighteen phrases, at 1.2 times the block's own speed. No plates: the words are the whole of the band, so there is nothing behind them to compete. Each row is 72px and the gap is 24px, so the band is 264px: it is always exactly its rows, which is the only thing it could be once the row height is the one number that decides a row.

The reach is 3, higher than the other two marquees, because there is nothing to read carefully here: the phrases are short, the reader is at the end of the page, and the band is worth playing with.

The running, the pointer control and the press-to-hold. With the plugin inactive, or with motion off in the block's inspector, the eighteen phrases are a plain stack of headings above the sign-off, still on the reversed colours and still legible. A reader who asks for reduced motion always gets that.