Skip to main navigationSkip to main content
Return to Sky UI homepage

Spacing - Examples in use

View on FigmaView on GitHub

Spacing between Buttons — 16px

Vertical

16px

Horizontal

Horizontal Buttons match the gutter on the respective viewport, which is 24px on large viewports.

24px

Spacing between Text-Links — 24px

First Text LinkSecond Text Link
First Text Link
Second Text Link
24px

Spacing between copy and CTA

BT will send an email to J********@gmail.com with important information about the services that will be switched to Sky.
BT will send an email to J********@gmail.com with important information about the services that will be switched to Sky.
16px
BT will send an email to J********@gmail.com with important information about the services that will be switched to Sky.Text Link
BT will send an email to J********@gmail.com with important information about the services that will be switched to Sky.
Text Link
16px

Spacing between copy and legal

Spacing between form fields

Spacing between Table-rows

Spacing between Section components