This guide introduces the Wio Editor as a visual workspace: what to keep in mind before editing, how to work with a page in view, and how to review the result. For exact interface controls, follow the current editor.
Start with the page you want to create
Before opening into detailed editing, know the page’s audience, main message, and intended next step. Gather the text and images you plan to use so the design can support real content.
As you work, judge each choice by whether it makes the page easier to understand. A visually clear page is not just attractive; it helps visitors find the information they came for.
Work on one part of the page
Section Spatial is Wio’s concept for thinking about the elements grouped inside a section. Use this perspective when concentrating on one message or content group: its heading, text, imagery, and action should feel related.
Keep this pass focused. Ask what the section needs to communicate, remove details that distract from it, and make important information easy to scan. The dedicated Section Spatial guide goes deeper into this kind of work.
Step back and read the whole page
Pages Spatial concerns how the sections fit together across the page. When you have refined an individual part, look at the complete sequence. Check whether the introduction sets context, the supporting information arrives in a sensible order, and the next step is clear.
This broader review is different from polishing one section. For page sequencing and composition, see the Pages Spatial guide.
Use a simple edit-and-review cycle
Prepare the content, shape one section, review the page flow, and make another pass where needed. Then check the finished page at different screen sizes and confirm its links and text.
Use the live Wio Editor for exact control names and actions, since this overview explains the workflow rather than every interface control.
