Components

Reference form controls, from remarque-tokens/forms — every input state, both button variants, and a standalone table.

Buttons

Quiet by rule — text-only or bordered, never filled/solid as default. --primary is the one sanctioned accent placement per viewport, and stays unfilled even there.

Inputs

Every .remarque-field state — default, focus, error, success, and disabled. The "Focused" field is autofocused (try loading this page directly) and additionally carries a static ring below so this page's own reference screenshot always shows it — headless full-page capture can transiently drop window focus mid-stitch, which native :focus-visible would miss.

Name

Shown alongside your comment.

Focused

Autofocused on load; the ring below is a static reference copy of the real :focus-visible style (tokens-core.css) for this screenshot.

Enter a valid email address.

Looks good.

Message

Plain text only — no markdown.

Disabled

Disabled controls use --color-disabled.

Checkbox & Radio

Native controls, recolored with accent-color only — no fake replacements.

Subscribe to updatesDisabled optionPlan APlan B

Table

.remarque-table — the same visual language as a prose table, outside .remarque-prose.

Font size floors
Token	Role	Size (px)
--text-body	Body copy	17
--text-meta	Metadata	14
--text-micro	Timestamps	13