HAUSE

Derivation

A value folded down a graded scale by caps — derived, never asserted.

OPERATE THE FORM ↓
01 / THE ENCOUNTERAN INSTRUMENT — THE READER OPERATES

A STUDY IN DERIVATION

The conclusion cannot outrun its support.

Start with the strongest possible verdict. Apply the limiting conditions one by one.

01Strong← DERIVED LEVEL
02Limited
03Provisional

No caps applied. Begin at the strongest grade.

An illustrative rule: the final grade is the weakest admitted cap. The conclusion is derived from those limits, not chosen independently.

INSPECT THE REUSABLE LIBRARY COMPONENT

HOW POLISHED A PAGE MAY CLAIM TO BE

CAP 1

One caption still placeholder text.

finished ↓ composed

CAP 2

The dark theme unreviewed.

composed ↓ drafted

DERIVED

drafted

A page cannot claim above its derived level. It may voluntarily claim below it.

finished → capped by one caption still placeholder text. → composed → capped by the dark theme unreviewed. → drafted — derived, never asserted.

02 / THE DECISION

An act.
Not a container.

YOU ARE SHOWING WHAT HOLDS IT UP

Showing how a value was arrived at.

Does the value fold down a graded scale by caps, so nobody had to assert the result?

EXPLORE THE SELECTION GRAMMAR ↗
WHEN THE ACT CHANGES

Evidence

Use Evidence instead when the number was measured rather than derived.

What is the Derivation form in HAUSE, and when do you use it?

The Derivation form is a HAUSE instrument — a value folded down a graded scale by caps — derived, never asserted. The lattice is drawn as a vertical scale with the strongest level at the top; DERIVE replays the fold, each cap moving the marker down at --motion-considered with its reason revealed as it applies. The resting state is the finished derivation, so the content is complete before any interaction, and prefers-reduced-motion simply keeps it there.

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Derivation.tsx

The lattice is drawn as a vertical scale with the strongest level at the top; DERIVE replays the fold, each cap moving the marker down at --motion-considered with its reason revealed as it applies. The resting state is the finished derivation, so the content is complete before any interaction, and prefers-reduced-motion simply keeps it there.

THE INSTRUMENT’S DISCIPLINE

Every instrument carries an always-present text fallback, so the point survives with the interaction removed — for reduced motion, for no-JS, for a crawler, and for anyone in a hurry. ARIA state is part of the form, because an agent browser reads aria-pressed and aria-expanded to understand what it is looking at.

03 / MAKE SOMETHINGINSTALL HAUSE ↗

Give it your subject.

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 · Derivation

import { Derivation } from "@chrishayuk/hause/components/forms/Derivation";

export type DerivationProps = {
	kicker: string;
	/** The graded scale, strongest first. */
	lattice: { level: string; meaning: string }[];
	/** Each cap: what pushes the marker down, and from where to where. */
	steps: { label: string; from: string; to: string }[];
	/** The derived level — where the fold ends. */
	result: string;
	caption?: string;
};

export function Derivation({ kicker, lattice, steps, result, caption }: DerivationProps)

The import and the complete props contract. For installation and composition, follow the Build guide.

NOT INVENTED IN ISOLATION

A page needed this.

05 / THE PROBLEMTHE BOOK DRIFTS FROM THE CODE ↗Documentation is a copy of the system, and copies rot. Every count in it was true on the day it was typed.

PUBLISHED 31 AUG 2026 · REVISED 9 SEP 2026 · VERSION 0.1.0

CITE

source components/forms/Derivation.tsx · site build 3ee5339 · built 2026-09-09

CITE THIS

Web page · 0.1.0

Hay, C. (2026). Derivation — a HAUSE instrument. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/derivation

The specimen, the source account and the props share one form record. Cite this page or follow its source identifier to inspect the implementation.