Styleguide

Le Bibent Essential Styles

colours

Colours controlled by the Global Swatch feature.

Primary

Secondary

default headings

Default heading styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

headings classes

Heading styles

Display

Heading 1

Heading 2

Heading 3

Heading 4

heading 5

heading 6

Inverted CTAS

Buttons and links

BOOK

learn more

CTAS

Buttons and links

BOOK

learn more

Richtext

Richtext elements

BOOK

Big Heading

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Sections

Spacer Sections

Section / Size S

48px

Section / Size S

80px

Section / Size S

185.6px

Sections styles

Buttons and links

BG Default

48px

BG Primary

48px

Icons

Various icons. Icon fill is inherited from the first parent element Text Colour.

Form

General style and state variations for form inputs.

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.