Skip to main content
hneu.dev
CV · PDF
View CV · PDF

Language

Theme

View options

Back to Lab

Interface anatomy

Three annotated regions of the actual released interface. Selecting a layer outlines its region without hiding the others. This is a fixed screenshot, not live DOM inspection.

Flow Player 0.1.0 paused at step 3 of 4, Return matches: Search index active, with controls and a readable explanation.
Interface layer

Content: The host supplies the title, caption, node names and four scripted steps. The visible explanation describes illustrative matches, not a real search response.

  1. Content

    The host supplies the title, caption, node names and four scripted steps. The visible explanation describes illustrative matches, not a real search response.

    Flow Player 0.1.0 paused at step 3 of 4, Return matches: Search index active, with controls and a readable explanation.

  2. Structure

    The released component lays out an ordered lane of three nodes and directional edges. This is HTML and CSS, not the SVG graph proposed in the early plan. The screenshot fixes one desktop layout; the live player also adapts to narrow containers.

    Flow Player 0.1.0 paused at step 3 of 4, Return matches: Search index active, with controls and a readable explanation.

  3. Interaction

    Playback buttons and a selectable step list belong to the package. The portfolio supplies data and labels; it does not drive playback. Visible state labels complement color. Manual screen-reader verification is still open.

    Flow Player 0.1.0 paused at step 3 of 4, Return matches: Search index active, with controls and a readable explanation.
Released component contract

The captures show the interface in English and in a light theme.

See the decisions behind it