A blue sky and torn-paper edges surround a notes interface and a centered workspace statement. A compact use-category row and portrait group lead to lavender, green and yellow note demonstrations. Small integration marks separate the examples before a structured collection chapter begins.
1. Sky and torn-paper notes hero. 2. Use-category row. 3. Portrait proof. 4. Lavender note example. 5. Green planning example. 6. Integration marks. 7. Yellow task example. 8. Opening collection structure chapter.
Paper edges connect the illustrated setting to the act of writing. Each pastel panel presents one interface theme, giving a broad productivity tool a readable sequence.
Refero [style page](https://styles.refero.design/style/9f228e72-997a-4410-9190-68359028e3d0) and [recorded video](https://images.refero.design/styles/refero.design/video/51822098-aeb4-486f-82d2-c9f9b4711459.mp4); [live site](https://craft.do) checked on 2026-10-08. 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 hero retains the sky and torn-paper composition. The source reaches the structure chapter without documenting a complete closing or footer.