UI kit

This page contains all the components used on your site. You can see it as a library where you can consult and edit any style. If you are beginning with Webflow, we highly recommend you to take a look at the Webflow 101 Crash Course.

Text Styles

The different text sizes used through the site.

H1

Heading

H2

Heading

H3

Heading

H4

Heading

H5
Heading
H6
Heading
Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Link
Text Link

Rich text

Formatted rich text element used for long sections of text.

This is a h1 header

This is a h2 header

This is a h3 header

This is a H4 header

This is a h5 header
This is a H6 header

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Learn more

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
Unordered list
  • List item
  • List item
  • List item
Ordered List
  1. List item
  2. List item
  3. List item
Placeholder image
This is your image caption text

Colors

All the colors used on your site.
Applying a color palette brings a unified and recognizable consistency to your interfaces.

Buttons

Buttons are used to initialize an action.
Use clear button labels to express what action will occur when the user interacts with it.

Primary button

Contact us !

Secondary

Apply to position

Form

A form is a group of related input controls that allows users to provide data or configure options.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Text Box

Boxes of different sizes to house text elements

300px
400px
500px
600px
700px

Spacers

Use spacers to add breathing room between your elements.
Spacing is important and often overlooked in product design.

8px

16px

24px

32px

40px

48px

64px

80px