> For the complete documentation index, see [llms.txt](https://docs.sentre.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sentre.io/design-pricinples/spacing.md).

# Spacing

### 4px rule

#### 1. Spacing methods

We have a common set of spacing, and all the numbers are multiples of 4. Spacing should be used in accordance with the content to create a reasonable space.

![](/files/BvH7pOSNF5NRcWVMbNCr)

#### 2. Dimensions

Dimensions refer to the width and height of component elements.

![](/files/3FACkXS52KCPqrv1HCIj)

### Examples

![](/files/X4NpDEBpaz8Cu9fMyfHX)

![](/files/rGeEOjx8HFLlVHHuRniF)

### Sample code

```
// Some code
```