Not applicable: The keep going is not interactive, so it has no hover state.
focus-visible
Not applicable: The keep going does not take focus; links and buttons inside it carry their own focus ring.
active
Not applicable: The keep going cannot be pressed.
disabled
Not applicable: The keep going has nothing to disable.
loading
Not applicable: The keep going is rendered at build time and is complete when the page loads.
empty
Not applicable: The keep going is not rendered without content; the builder skips it.
error
Not applicable: The keep going shows no data that can fail.
current
Not applicable: The keep going has no current item.
visited
Not applicable: The keep going is not a link.
expanded
Not applicable: The keep going does not open or close.
Tokens
Part
Token
title.font
--type-h2
Layout
Aspect
Value
breakpoints
Required review at 390, 768, 1024 and 1440 px; execution is not implied by this declaration; columns stack under 768 px; the wrap keeps a 16 px gutter on phones.
wrapping
Text wraps; nothing scrolls sideways.
textExpansion
Japanese runs 20 to 40% longer; headings break between phrases (jaBreaks) and blocks grow downwards.
Spacing and rhythm
Aspect
Value
internal
One padding: --space-section-sm above the title.
external
Before the call to action.
rhythm
Cotton, then the saffron call to action.
Motion
Aspect
Value
None
No intrinsic element animation. The optional claude-entrance consumer profile may translate below-fold structure once (20px, --dur-weave, --ease-enter, --stagger); reduced motion disables it. This preserved baseline entrance is separate from element playback.
Runtime and reuse
Render-only element; mount any registered child enhancements separately. Preserve required Site CSS, fonts, responsive and locale rules from nativeElement.
Accessibility passport
Aspect
Value
role
region (section) named by its heading
name
Its h2, by aria-labelledby
keyboard
Links and buttons inside, in reading order.
focus
The --focus ring on every link and button inside.
screenReader
Read in source order; decorative weaving is aria-hidden.
contrast
Ink on cotton 14:1; text on every dye field 4.5:1 or better (checked by check-brand).
target
Links and buttons are 44 px tall.
Content
Slot
Length
Voice
title
3 words
An invitation
Good: “Keep going” · “More demos”
Bad: “Related content”
Japanese: 関連ページ
Icons and illustrations
None: this element uses no icon or illustration of its own.
Decisions and exceptions
None.
Usage
92 uses across the built pages (measured by npm run site:system).
Tests
Aspect
Value
unit
tests/unit/site-system.test.ts: renders every do and don't example through the registry and checks the classes it owns
visual
Not yet: there are no screenshot baselines; the Library page is checked for sideways scroll at 1440 px by tests/site/system.spec.ts
a11y
tests/site/system.spec.ts: axe (0 serious or critical) on the element's Library page in light and dark
parity
scripts/site/system/check.ts: Library examples are rendered by the same render function the site imports
Figma
not-yet: The Loom Site Figma library is the last stage of the plan; this element is not mapped yet.