Webflow Style Guide

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

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 - 62px/70px

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

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 Large - 24px/36px

Bold - Lorem ipsum dolor sit amet

Bold Text
Home Insurance - Care Webflow Template
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

Line Icons Rounded

Line Icons Square

Filled Icons

Social Media Icons

Icon Fonts

Icons

Life Insurance Icon - Care Webflow TemplateBusiness Insurance Icon - Care Webflow TemplateHome Insurance Icon - Care Webflow TemplateRetirement Icon - Care Webflow TemplateAuto Insurance Icon - Care Webflow TemplateHealth Insurance Icon  - Care Webflow Template

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