Distance



The spacing element ensures clear structures and harmonious transitions in the page layout. It creates targeted space between content or - if required - can flexibly reduce spacing to bring elements closer together. Whether with or without a line, the color and style can be customized. By choosing between a fixed pixel value or responsive scaling, the design remains consistent on all devices.

In this way, spacing becomes not only a design element, but also a subtle tool for rhythm, reading flow and visual balance.

The size of the distance and the display of a line can be individually defined in the settings. The color can also be freely defined. If no line is displayed but a color is selected, a full-surface color area appears across the entire width instead - ideal for visually separating areas from one another.

Settings panel look & feel with distance slider (10px-384px), activated checkbox 'Show line' and color fields.

An individual separator image can optionally be stored in the global settings. You can also specify whether the line should be blurred to create a more harmonious transition.

Configuration of the dividing line