ColorsHeadingsHeading HTML TagsOther HTML TagsText SizesText WeightsText AlignmentsText RichButtonsBadgesIcons sizesIcons - Social MediaLists and formsStyle Guide Classes

Style Guide

List of styles for Medical Clinic Webflow template.

Color Palette
Color primary : #27187E
Color secondary: #FF8600
Color text dark
Color text white
Color text accent
Color background 1
Color background 2
Color background 3
Color menu text
Color menu highlighted
Color decoration 1
Color decoration 2
HeadingS

heading xxl bold

heading xl bold

heading l bold

heading m bold

heading s bold

heading xs bold

Heading HTML Tags

H1 Sample text is being used as a placeholder.

H2 Sample text is being used as a placeholder as real text.

H3 Sample text helps you understand how real text may look on your website.

H4 Sample text helps you understand how real text may look on your website. Real text that is normally present. Sample text helps you understand how real text may look on your website.

H5 Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
H6 Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.
Other HTML Tags

All Paragraphs
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All Links
All Quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Text SIZES

text xxl regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text xl regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text l regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text m regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text s regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text xs regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text style strikethrough

text style italic

text style muted
text style allcaps
text style nowrap
text style link
text style quote
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Text Weights
text weight bold
text weight semibold
text weight medium
text weight normal
text weight light
Text Alignments
text align left
text align center
text align right
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,
  • The rich text element allows you to create and format headings,

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Icons Sizes
ICONS - Social Media
Lists and forms

List size S

  • Book a same-day virtual appointment from the comfort of your home
  • Get care from the comfort of home
  • Speak to a specialist within hours
  • Care tailored to your needs

List size M

  • Book

  • Free shipping

Form

button primary

Thank you!
Your message has been sent successfully!
Oops! Something went wrong while submitting the form.
Your message has NOT been sent!
Please try again or contact us by the phone.

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.

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.