A labelled paragraph that watches rather than argues.
MEET THE FORM ↓A STUDY IN OBSERVATION
Look at the arrangement. Describe what is there before deciding what it means.
ON THE ARRANGEMENT
Nine marks sit together. Three are separated from the group. The arrangement alone does not tell us why.
SEEN ≠ EXPLAINED
An observation names the visible fact. It does not smuggle a causal claim into the description.
ON RESTRAINT
HAUSE has one scroll behaviour, one easing curve, and three speeds. Everything cinematic on top of that is staging, not machinery — which is why nothing here needed an animation library.
02 / THE DECISION
YOU ARE SAYING SOMETHING
Reporting what is actually there, before what it means.
Can you name the thing being observed in three words? That label is the form.
EXPLORE THE SELECTION GRAMMAR ↗The Observation form is a HAUSE statement — a labelled paragraph that watches rather than argues. System voice, indented off the full measure, with an optional evidence-voice label naming what is being observed. Where a Statement asserts and an Evidence row measures, an Observation notices: what is actually there, before what it means.
THE LIBRARY’S OWN ACCOUNT
components/forms/Observation.tsx
System voice, indented off the full measure, with an optional evidence-voice label naming what is being observed. Where a Statement asserts and an Evidence row measures, an Observation notices: what is actually there, before what it means.
The label is the form's whole discipline. Having to name the thing in three words is what stops an observation from drifting into a second argument.
A statement: the reader reads.
Every statement is prose in the three voices — editorial for claims, system for explanation, evidence for measurement. Server-renderable, no interaction: the reader reads, and nothing about the form depends on JavaScript arriving.
The opening study is an authored demonstration, not an additional component API. Expand the library specimen above to inspect the reusable form. Its props below come directly from the source.
REACT · Observation
import { Observation } from "@chrishayuk/hause/components/forms/Observation";
export function Observation({ label, text }: { label?: string; text: string })The import and the complete props contract. For installation and composition, follow the Build guide.
NOT INVENTED IN ISOLATION
Used in vindex3.org and hause.design. These exhibitions share an author; this is evidence of reuse, not independent adoption.
PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0
CITEsource components/forms/Observation.tsx · site build 3ee5339 · built 2026-09-09
CITE THIS
Web page · 0.1.0
Hay, C. (2026). Observation — a HAUSE statement. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/observation
The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.