A rounded lavender, pink and blue gradient panel surrounds a centered whiteboard statement and a large diagram canvas. White explanatory sections introduce diagramming and wireframing with pale shapes behind the interface examples. A compact feature grid and soft gradient closing continue the same visual language.
1. Rounded gradient introduction. 2. Large diagram canvas. 3. Ideas and collaboration explanation. 4. Diagram examples. 5. Wireframe examples. 6. Feature grid. 7. Gradient closing invitation.
The gradient makes the introduction feel expressive while the white product sections preserve clarity. Repeated canvas examples ground the broader collaboration message in recognizable tools.
Refero [style page](https://styles.refero.design/style/8e153a14-40a9-4793-b94b-c144d325c730) and [recorded video](https://images.refero.design/styles/refero.design/video/07f2a3f8-9222-4315-8789-879420c22acf.mp4); [live site](https://whimsical.com) 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. Current copy emphasizes a whiteboard for product builders, while the recording introduces a place for ideas to take shape. Diagram and wireframe examples also change over time.