Template name- Webflow Template
Style Guide
This style guide provides a central location to make stylistic changes to your site. If you need additional help, Webflow University provides a library of videos, tutorials and resources to help you get started.
Colors
Primaries and grays controlled by the Global Swatch feature.
Primary
#1D4ED8
Secondary
#1D4ED8
Blue 600
#1D4ED8
Blue 500
#3B82F6
Blue 200
#BFDBFE
Blue 100
#DBEAFE
Blue 50
#EFF6FF
Neutral 700
#0F172A
Neutral 600
#3B82F6
Neutral 500
#94A3B8
Neutral 200
#E2E8F0
Neutral 100
#F1F5F9
Typography
Primaries and grays controlled by the Global Swatch feature.
64px
Display
Lorem ipsum dolor
48px
Heading 1
Lorem ipsum dolor
40px
Heading 2
Lorem ipsum dolor
32px
Heading 3
Lorem ipsum dolor
28px
Heading 4
Lorem ipsum dolor
24px
Heading 5
Lorem ipsum dolor
20px
Heading 6
Lorem ipsum dolor
18px
Body L Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
18px
Body L Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
18px
Body L Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
16px
Body N Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
16px
Body N Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
16px
Body N Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
14px
Body S Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
14px
Body S Medium
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
14px
Body S Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Rich Text
Primaries and grays controlled by the Global Swatch feature.
What’s a Rich Text element?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar. Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus.
Choose a variety of fruits and vegetables
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis molestie, dictum est a, mattis tellus. Sed dignissim, metus nec fringilla accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus. Maecenas eget condimentum velit, sit amet feugiat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent auctor purus luctus enim egestas, ac scelerisque ante pulvinar.
“Integer dictum quam vel dui dignissim interdum a nec tortor. In et nisl bibendum, scelerisque est sed, pellentesque tellus. Vestibulum have dapibus, sapien et gravida haveing sodales, lectus neque interdum nisl, fermentum fermentum orci mauris nec est.”
- Souvlaki ignitus carborundum e pluribus unum.
- Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.
- Quote meon an estimate et non interruptus stadium.
- Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum.
- Epsum factorial non deposit quid pro quo hic escorol.
Buttons
Primaries and grays controlled by the Global Swatch feature.
Forms
Primaries and grays controlled by the Global Swatch feature.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Erhealth for you health business site to help you thrive and get more customer with better experience.
