A compact gold-and-white interactive-experience introduction sits on black. A long animated project strip leads into large dark demonstrations with short captions. Framework marks and developer-code examples extend the technical story before a broad newsletter closing and black footer.
1. Black interactive-experience introduction. 2. Animated project strip. 3. Large dark demonstrations. 4. Short feature captions. 5. Framework-mark matrix. 6. Developer-code examples. 7. Newsletter closing. 8. Black footer.
The moving projects provide immediate evidence of the visual medium. Dark demonstrations preserve attention on changing interface content, while short captions and framework marks keep the technical context readable.
Refero [style page](https://styles.refero.design/style/6323a42b-3b47-4774-92e4-15651a9ba2ac) and [recorded video](https://images.refero.design/styles/refero.design/video/2efdff24-4bb3-4153-94bf-97fcb7ebf592.mp4); [live site](https://rive.app) checked on 2026-10-06. 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 current hero uses a vertical stack of project examples and a CLI panel rather than the recorded opening arrangement.