H1

Heading-Huge

H2

Heading-Large

H3

Heading-Medium

H4

Heading-Small

H5
Heading-Tiny
H6
Réserver une chambre

Spacing

Spacing system that keeps vertical and horizontal spacing global on your website.

By default, Client-first uses 4px spacing. This can be changed if required by your build. If the spacing system isn't well defined by the designer, default to the 4px system.

Spacing - vertical

Global use margin-bottom and margin-top

Space bottom

.space-bottom-xsmall
.space-bottom-small
.space-bottom-medium
.space-bottom-large
.space-bottom-xlarge

Space top

.space-top-xsmall
.space-top-small
.space-top-medium
.space-top-large
.space-top-xlarge

Spacing - equal inner spacing for sections

Create equal spacing horizontally and vertically.

Equal

Equal padding around
.section-space-small
.section-space-medium
.section-space-large

Equal vertical

padding-top and padding-bottom
.section-space-vertical-small
.section-space-vertical-medium
.section-space-vertical-large

Equal horizontal

Equal padding-left and padding-right
.section-space-horizontal-small
.section-space-horizontal-medium
.section-space-horizontal-large

Spacing - horizontal

margin-left and margin-right

Space left

.space-left-xsmall
.space-left-small
.space-left-medium
.space-left-large
.space-left-xlarge

Space right

.space-right-xsmall
element
.space-right-small
element
.space-right-medium
element
.space-right-large
element
.space-right-xlarge
element

Remove all spacing from default Webflow components

.space-clean