A blue-sky hero uses a serif notebook promise, white prompt field and tilted reference cards around the central action. The recording continues with grass-and-device imagery, notebook interface panels, colorful saved references, document examples and a closing question.
1. Blue-sky notebook introduction. 2. Prompt field and download action. 3. Grass-and-device scene. 4. Notebook interface examples. 5. Saved-reference collage. 6. Document workflow. 7. Closing question.
The sky and grass make a knowledge tool feel approachable, while real notebook and document panels anchor the playful framing in a usable product. Tilted references echo the idea of collecting material.
Refero [style page](https://styles.refero.design/style/51752cfb-4fd4-464f-8b78-ecbc813830e1) and [recorded video](https://images.refero.design/styles/refero.design/video/6d16be97-4482-4311-85bd-4c26facf1c16.mp4); [live site](https://deta.surf/) 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 live page labels Surf as open source; the recorded desktop page is retained as a point-in-time product reference. The automated live desktop strip stays on the opening scene; the deeper section roster comes from the Refero recording.