skip to container

Spacing

Separate the spacing between content components according to the Click to Buy guidelines.
Effectively expose the consistent layout on the responsive web by referring to the spacing guidelines below.

Body

APC

Body

BMobile

Body

Table

APC

Table

BMobile

Table

Accordion

APC

Accordion

BMobile

Accordion

Layer Popup

Basic Popup

Default layer popup with 670 px (horizontal).

APC

Basic Popup

BMobile

Basic Popup

Wide Popup

Default layer popup with 950px(horizontal).
The guidelines to the title and default spacing apply the same with Basic Popup, and are mainly used when an input field is used.

APC

Wide Popup

BMobile

Wide Popup

Alert / Confirm

APC

Alert / Confirm

BMobile

Alert / Confirm

Toast Popup

APC

Toast Popup

BMobile

Toast Popup

Tooltip

APC

Tooltip

BMobile

Tooltip