MDX - TEMPLATEs

FONTS / COLORS / BUTTONS

Header 1 – H1

Header 2 – H2

Header 3 – H3

Header 4 – H4

Header 5 – H5

Typography

Paragraph text: Helvetica Light
class: helveticalight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac ex tempor, hendrerit quam sit amet, tristique tortor. Morbi sit amet faucibus metus, non interdum nunc. Integer scelerisque ullamcorper metus a tempus. Etiam bibendum, mauris id auctor pharetra, lorem sapien suscipit orci, vel convallis ante orci non quam.


Paragraph text: Helvetica Roman
class: helveticaroman

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac ex tempor, hendrerit quam sit amet, tristique tortor. Morbi sit amet faucibus metus, non interdum nunc. Integer scelerisque ullamcorper metus a tempus. Etiam bibendum, mauris id auctor pharetra, lorem sapien suscipit orci, vel convallis ante orci non quam.


Paragraph text: Helvetica Bold
class: helveticabold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac ex tempor, hendrerit quam sit amet, tristique tortor. Morbi sit amet faucibus metus, non interdum nunc. Integer scelerisque ullamcorper metus a tempus. Etiam bibendum, mauris id auctor pharetra, lorem sapien suscipit orci, vel convallis ante orci non quam.


Paragraph text: Helvetica Heavy
class: helveticaheavy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac ex tempor, hendrerit quam sit amet, tristique tortor. Morbi sit amet faucibus metus, non interdum nunc. Integer scelerisque ullamcorper metus a tempus. Etiam bibendum, mauris id auctor pharetra, lorem sapien suscipit orci, vel convallis ante orci non quam.

Buttons

Colors

mdx-text-slate
mdx-text-sea
mdx-text-teal
mdx-text-stone
mdx-text-copper
mdx-text-green
mdx-text-navy
mdx-text-silver
mdx-text-snow


mdx-slate
 


mdx-sea
 


mdx-teal
 


mdx-stone
 


mdx-copper
 


mdx-green
 


mdx-navy
 


mdx-silver
 


mdx-snow
 

Utility Classes

text-white – Turns text in the block to white 
background-white – Turns block background to white 
mdx-dots-1 – Adds in the dots in the background of your block (Version 1)
mdx-dots-2 – Adds in the dots in the background of your block (Version 2)