Skip to main content

Layout

Layout is an important factor in any design to help developers achieve uniformity and stability and reduce the user's discomfort caused by page exit.

SPACING​

Spacing plays a very important role in design. We have a common set of spacing, and all of the numbers are multiples of 4.

spacing

For more information, please refer to spacing guidelines.

FULL COLUMN LAYOUT​

For mobile devices, the distance between the left and right borders is always 16px, the distance between elements is 12px.

full column layout

The carousel is a horizontal sliding network. Therefore, to be consistent on these layouts, we use the correct size as below.

carousel layout

OTHER LAYOUT​

For more information, please refer to layout guidelines.