The recorded technical-design landing centers a compact AI documentation promise over a dark diagram editor. Purple, yellow and pink section markers organize diagram creation, documentation and workflow integrations, followed by secure-collaboration examples.
1. Dark hero and diagram editor preview. 2. Purple diagram-generation explanation. 3. Yellow documentation and component gallery. 4. Pink workflow and integration diagram. 5. Security and collaboration cards. 6. Supporting customer and technical proof.
The dark interface framing makes colored diagram nodes and section markers readable at a glance. Pairing each feature with an editor example keeps the product story grounded in the kind of technical artifacts users would create.
Refero [style page](https://styles.refero.design/style/77c31465-7b28-4ab7-b7ff-c9811cda0df0) and [recorded video](https://images.refero.design/styles/refero.design/video/06be9c34-4e73-4706-91fc-ab2848f84101.mp4); [live site](https://www.tryeraser.com/) 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 original tryeraser.com URL redirects to eraser.io, whose current page has a light hero. The dark recording is retained as the primary design reference. No diagram was generated or private file uploaded.