layout
Arrange the page so people know where to look and what belongs together.
On this page 3 sections
Use layout when a page feels crowded, scattered, or hard to scan. Impeccable changes the arrangement and spacing so the main task is clear and related content feels connected.
Try it
/impeccable layout the notification settings. Make it easier to see which frequency belongs to each notification type.Describe what feels wrong or what someone needs to find. You don’t need to specify a grid or spacing scale.
How it works
Impeccable checks the structure, then adjusts it within the existing visual style:
- Reading order: make the main task stand out and supporting content easy to follow.
- Grouping and spacing: bring related items together and separate distinct sections.
- Density: balance room to read with quick access to frequently used information.
- Responsive behavior: reflow the page at smaller sizes and keep visual and keyboard order aligned.
Changes might include regrouping form fields, rebalancing columns, or replacing unnecessary boxes with spacing. Impeccable works with the project’s spacing system; the right values depend on the task.
Check the result
Can you find the main action and tell which items belong together? Try the page at narrow and wide sizes, with longer content and keyboard navigation. The visual order and the order you reach controls should agree.
If the page contains too much, use distill to simplify it. If the structure works but headings and body text are hard to distinguish, use typeset. Once the arrangement works, polish can refine the details.