A blue-violet atmospheric hero frames a white flow-diagram editor with connected mobile screens. Below the opening, the product story alternates interface examples, presentation and collaboration explanations, and supporting proof on a clean white canvas. The editor’s connecting lines make the core proposition visually legible before the feature copy is read.
1. Blue-violet user-flow hero. 2. Large editor and connected screen preview. 3. Flow creation explanation. 4. Design presentation examples. 5. Collaboration and sharing features. 6. Customer and workflow proof. 7. Trial invitation and footer.
The broad color field gives the white editor a clear frame without competing with its diagrams. Connected screens show what the tool produces, and repeated interface examples turn an abstract promise about communication into recognizable design work.
Refero [style page](https://styles.refero.design/style/6845a075-8573-4bdc-9346-58cb09b83547) and [recorded video](https://images.refero.design/styles/refero.design/video/9efa8021-4443-4bf2-9d26-ffe3c138657d.mp4); [live site](https://overflow.io/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. The recording ends around customer quotes; the longer supplemental live browse supplies the final trial and footer context.