HAUSE

Film

A short film in the flow of a chapter — poster until it earns the play.

WATCH THE FORM ↓
01 / THE ENCOUNTERA PERFORMANCE — IT PLAYS ITSELF

A STUDY IN FILM

Before motion, an intention.

A film needs an actual subject and an actual asset. This storyboard describes the screening discipline without pretending to be a film.

STORYBOARD / NOT A VIDEO

Leave something legible.

VISIT THE REAL PUBLICATION SCREENING ↗

Rest: return to a designed, legible end state.

THE COMPLETE SEQUENCE / TEXT RECORD
  1. Poster: establish the subject before playback.
  2. Screening: a real film would carry the sequence.
  3. Rest: return to a designed, legible end state.

Storyboard only. No film asset is supplied in the specimen book, so the reusable Film remains held. Explore the separate publication screening for real video.

INSPECT THE REUSABLE LIBRARY COMPONENT

THE BOOK REFUSES TO FAKE ONE

HELD · NOT YET EXHIBITED

requested a Film specimen

available the form itself, in components/forms/Film.tsx

A form without a real subject is shown as held—not as an empty frame.

held · not yet exhibited — requested a film specimen; available the form itself, in components/forms/film.tsx. A form without a real subject is shown as held—not as an empty frame.

02 / THE DECISION

An act.
Not a container.

YOU ARE SHOWING SOMETHING HAPPENING

Playing an actual film.

Does a real film exist? If not, the library holds the form and shows nothing.

EXPLORE THE SELECTION GRAMMAR ↗

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

The Film form is a HAUSE performance — a short film in the flow of a chapter — poster until it earns the play. Poster until roughly half in view, then plays once, muted; REPLAY afterwards. Under prefers-reduced-motion nothing auto-plays — the designed state is the poster with an explicit PLAY control, because autoplay is motion. No src renders the placeholder frame unchanged, so a film slot can be laid out long before its film is produced.

origin — vindex3

THE LIBRARY’S OWN ACCOUNT

Behind the form.

components/forms/Film.tsx

Poster until roughly half in view, then plays once, muted; REPLAY afterwards. Under prefers-reduced-motion nothing auto-plays — the designed state is the poster with an explicit PLAY control, because autoplay is motion. No src renders the placeholder frame unchanged, so a film slot can be laid out long before its film is produced.

THE PERFORMANCE’S DISCIPLINE

Every performance starts in view, rests on a designed final state — which is what reduced motion and no-JS get — and never crossfades between two physical forms of one thing: staged swaps only. A scrolling reader must never find it already finished.

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

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

export type FilmProps = {
	title: string;
	description: string;
	/** Without src the form renders its designed placeholder frame — slots ship before films exist. */
	src?: string;
	poster?: string;
	/** WebVTT captions track. */
	captions?: string;
};

export function Film({ title, description, src, poster, captions }: FilmProps)

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

NOT INVENTED IN ISOLATION

A page needed this.

Entered the library from vindex3.

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

CITE

source components/forms/Film.tsx · origin vindex3 · site build 3ee5339 · built 2026-09-09

CITE THIS

Web page · 0.1.0

Hay, C. (2026). Film — a HAUSE performance. In HAUSE — a design system for AI (Version 0.1.0). hause.design. https://hause.design/forms/film

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