Guidelines for Using Spacing Approaches

Usage Guidelines

Industry-wise, spacing implementation follows some basic principles and established standards.

Symmetry

Telerik and Kendo UI components are built on the principle of symmetry. In this context, symmetry means that the vertical paddings inside a component, just like the horizontal ones, always have equal values. The symmetry principle does not relate to borders as some components may have a single border element.

DoFollow the established principle of symmetry in vertical and horizontal spacing inside the Kendo components.

What to avoid when applying the symmetry principle in the Telerik and Kendo UI context

Don'tAvoid setting unequal vertical or horizontal paddings inside a single component.

Relations

Spacing implies the relations between the components and their elements by applying the basic design principle of proximity where equal spacing suggests equal importance or grouping, while less spacing conveys closer relation.

Recommendations for applying the proximity principle in the Telerik and Kendo UI context

DoHave in mind that spacing defines the relations between the components.

What to avoid when applying the proximity principle in the Telerik and Kendo UI context

Don'tAvoid using different spacing for elements of equal importance in the Telerik and Kendo UI context.

Values

Spacing is substantial when building Telerik and Kendo UI components as, along with typography, it defines their size. That is why the spacing scale consists of multiple steps which allow better flexibility inside smaller-sized components.