A bright yellow hero pairs oversized black lettering with orange spherical clusters that extend beyond the viewport. A sparse black action and small navigation keep the shapes dominant. The page switches to a dark gallery of vivid hero templates, organized around choosing a design, customizing it and publishing it.
1. Yellow hero with orange spherical clusters. 2. Site-builder compatibility line. 3. Pick customize publish process. 4. Dark visual-template gallery. 5. Further template examples and pricing content. 6. Closing action and footer.
The opening demonstrates the type of visual asset the product offers. Switching to a dark canvas makes the template previews easier to compare and separates the process explanation from the large decorative hero.
Refero [style page](https://styles.refero.design/style/b3f7b44d-6564-4015-902a-259b4790b9de) and [recorded video](https://images.refero.design/styles/refero.design/video/4e03e9de-637e-472f-93a7-dac84d56048b.mp4); [live site](https://herokit.design/) 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. A lower-page embedded video is blocked in the current capture environment. The live strip is limited to six stationary frames of the clean animated opening; the original Refero recording supplies the full gallery sequence. The live strip is not a full-page scroll capture.