Typography

Headings

H1

H2

H3

H4

H5
H6
Paragraphs
Lead Paragraph

Lead paragraphs can be used in hero sections of a website or at the top of any section to emphasize a message or offer a brief overview of the section's content or purpose.

Paragraph

A regular paragraph style applies to all text which is not a heading. This style contains both the base font size as well as the baseline shift. The base colors, as is the case with most text is gray-900 but can be changed by applying one of the color classes shown below.

Strong Class (Applies to lead and regular paragraphs)

The strong class can be use to bolden any paragraph text, including the link.

Links
Text Link
Color Classes
Color and alignment. Applies to all text
Text-900
Text-900
Text-900
Text-800
Text-800
Text-800
Text-700
Text-700
Text-700
Text-600
Text-600
Text-600
Text-500
Text-500
Text-500
Text-400
Text-400
Text-400
Text-300
Text-300
Text-300
Text-200
Text-200
Text-200
Text-100
Text-100
Text-100

Colors

Grayscale
Gray-900
Gray-800
Gray-700
Gray-600
Gray-500
Gray-400
Gray-300
Gray-200
Gray-100
Primary
Primary-900
Primary-700
Primary-500
Primary-300
Primary-100

Buttons

Icons

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you!
Your submission has been received and it will be reviewed shortly by our team.
Oops! Something went wrong while submitting the form.

Worldwide Machinery needs the contact information you provide to us to contact you about our products and services. You may unsubscribe from these communications at anytime. For information on how to unsubscribe, as well as our privacy practices and commitment to protecting your privacy, check out our Privacy Policy.

Blocks

Tab 1 Content

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.

Tab 2 Content

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.

Tab 3 Content

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.

This is a heading for  slider one...

This is a lead paragraph for the slider and it contains descriptive text to entice users to click the button below for more information.

PERSUASIVE CTA

...and this is a heading for  slider two.

This is a lead paragraph for the slider and it contains descriptive text to entice users to click the button below for more information.

Persuasive CTA