Nodes

How to write your own node type on the branded canvas.

Branded group container node.

Branded custom React Flow node (title/subtitle/kind/icon/tone).

The painted card of a node — and the node's box.

Dashed, muted "add here" node — a clickable affordance that grows the graph.

A connector dot — React Flow's Handle with the house look and the two rules a handle must follow: - The standard dot: size-2, a 2px --flow-edge ring on the --flow-node fill.

The non-colour channel for a node's tone and emphasis: a star for featured, the status glyph for a non-neutral tone, and an sr-only name for both — so a tone is never carried by colour alone (WCAG 1.4.1).