Scattered website previews surround a centered statement and prompt field on cream. Sitemap, wireframe and style-guide cards lead into a large Ship faster passage. Repeated workflow stages show small interfaces and sample site compositions before collaboration, export and building-block chapters.
1. Cream introduction and scattered site previews. 2. Prompt field. 3. Sitemap, wireframe and style-guide cards. 4. Large Ship faster passage. 5. Staged workflow interfaces. 6. Sample site compositions. 7. Collaboration and export chapters. 8. Building-block roster.
The scattered previews make the design outcomes visible before the workflow explanation. Repeating the three stages at increasing scale clarifies the process without making every section look identical.
Refero [style page](https://styles.refero.design/style/b2dab9ac-9e35-43f5-a8bb-dd9d6702acf0) and [recorded video](https://images.refero.design/styles/refero.design/video/b4182778-1856-486f-a1d5-3dab98f20f4b.mp4); [live site](https://relume.io) checked on 2026-10-07. 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 source URL redirects from relume.io to relume.ai, whose current hero and product presentation have changed. The recording ends in the building-block material rather than establishing the full footer.