A form on our page is not a marketing lead capture. It is the first 60 seconds of the product. Plain-English fields. No dropdowns where prose will do. We understand the intent from the language, and echo it back as a simulation spec.
§1
Underline, not boxInputs are lines, not pills. The baseline is the affordance; a focus state flips its color to red.
§2
Mono label, Redaction hintThe label is 10pt Söhne Mono caps. The hint beside it is Redaction Italic, lowercase, never in parens.
§3
Filing-code numeralEvery field is numbered 01 · 02 · 03 · in red. A form is a filing, not a survey.
§4
One primary, no secondaryThere is no "cancel," no "save draft." Intake commits, or the tab closes.
✕
BannedPill-shaped inputs · floating labels · inline checkmarks · "required *" asterisks · "we'll never share your data" reassurance text
The rest of the kit.
when prose can't do the job — the seven other controls, in this voice.
§A · text · textarea · select
§B · check · radio
09Subgroups to break out multiple
10Run quality one only
§C · toggle · validation
11Settings persisted to your account
12Validation states three only
accepted · within bounds (500–50,000)
below floor · minimum is 500 agents
disabled · run quality controls this
Microcopy slots.
every input has a label, a hint, and (sometimes) an error. write all three before shipping.
§ Write it like this
LABELPopulation
HINTwho sees the decision
ERRORBelow floor · minimum is 500 agents
SUCCESS— we don't write success copy. The next state is the proof.
§ Not like this
Who is your target audience? *
(Please describe in detail)
Oops! Something went wrong. Please try again.
✓ Looks good!
Field count never more than 5 in the primary path ·
Keyboard tab order follows 01 → submit; no focus traps ·
Submit hint shows price + time + accuracy, always ·
Errors three-part: what · why · what to do ·
Success copynever — the next screen is the proof
Canonical primitives use these from _base.css
.field · .input · .help · .ds-range
Registry · prompt input when the field is a question, not a value
A prompt, not a field.
The intake above is the canonical four-field shape. When the input is the question — long-form, with affordances for attach / search / think — we don't reinvent the textarea. The kokonut ai-input-search is installed from the registry and bridged to the contract: same --color / --backgroundColor as everything above, theme-tracked, mounted live by the islands runtime.