Webflow Styleguide

Browse the UI elements available on the Care Template.
Care is a Webflow Template for insurance companies. Care was designed & developed by BRIX Templates.

Buy Template

Colors

Primary Colors

Primary Color 1

#0EC0CA

Secondary Colors

Secondary Color 1

#EBFEFF

Secondary Color 2

#E8F6F8

Secondary Color 3

#04A6AF

Neutral Colors

Neutral Color 700

#2F3033

Neutral Color 600

#3A3D46

Neutral Color 500

#808184

Neutral Color 400

#A6A7AE

Neutral Color 300

#D9D9D9

Neutral Color 200

#EDEEF1

Neutral Color 100

#FAFAFA

White

#FFFFFF

Typography

Special Text

Display 1 Text

Display 1 - 70px/80px

Display 2 Text

Display 2 - 40px/50px

Display 3 Text

Display 3 - 32px/36px

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 50px/61px

Heading H2 - Aa Bb Cc Dd

Heading 2 - 40px/50px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 26px/35px

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/30px

Heading H5 - Aa Bb Cc Dd

Heading 5 - 18px/25px

Heading H6 - Aa Bb Cc Dd

Heading 6 - 16px/25px

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.

Paragraph Default - 18px/30px

Paragraph Large - 24px/36px

Link - Lorem ipsum dolor sit amet

Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Figure Caption - Lorem ipsum dolor sit amet

Figure Caption - 16/22px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquet euismod ut id ullamcorper nunc diam. Amet a ac ut pharetra. Amet, accumsan, nisl in elementum volutpat integer. Cursus est elementum maecenas ut.

Block Quote

Icons

Buttons

Small

Button Primary - Small

Default

Button Primary - Default

Large

Button Primary - Large

Small

Button Secondary - Small

Default

Button Secondary - Default

Large

Button Secondary - Large