Typography Shortcode

We have custom typography shortcodes that you can use on content to style it differently: text tooltips, headings, dropcaps, highlights, block quotes. With these options you can ensure that the typography on your site is stylized and looks sharp.

Basic Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et odio fringilla, lacinia felis nec, vulputate nisi. Proin scelerisque in velit in aliquam. Curabitur eu arcu non ligula ultrices blandit. Ut venenatis ligula a elit placerat, eu elementum nisl elementum. Maecenas congue quam lobortis venenatis tristique. Quisque efficitur, ante sit amet congue consequat, metus sem volutpat sem, a consectetur turpis sapien et eros. Aliquam venenatis mi id tortor maximus finibus. Integer lectus orci, consectetur ut ex id, placerat sagittis neque. Donec in purus turpis. Aenean feugiat mi ut semper accumsan. Praesent mi odio, ullamcorper quis porta eu, tristique nec orci. Sed lacinia leo vitae sagittis tempor.

Get the code
Nam laoreet tincidunt arcu quis rhoncus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mattis tincidunt placerat. Aenean maximus scelerisque elit nec commodo. Aliquam non mi finibus nulla sodales tempus. Donec facilisis aliquam diam, sit amet scelerisque ligula aliquam vel. Maecenas bibendum, turpis ut bibendum rhoncus, ex ex dictum est, quis bibendum ligula lorem eu est. Ut faucibus erat vel commodo bibendum. Donec sodales, massa id scelerisque malesuada, orci sem aliquam nibh, vel commodo odio eros id enim. In id tortor quis dui blandit dictum. Suspendisse euismod ipsum id nisl venenatis, ut pulvinar purus vulputate.

Get the code

Headings

H1 Heading

Curabitur dapibus nisi a ipsum viverra, at tempor nibh ornare. Sed posuere massa sit amet lacus bibendum porttitor. Curabitur non urna massa. Nam ante sapien, viverra vel ipsum vitae, dictum posuere est.

H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas ut risus sed consequat. Donec luctus ultrices convallis. Ut tincidunt vulputate enim, ac laoreet lectus faucibus eu.

H3 Heading

Curabitur non libero ut risus mollis finibus id id urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas augue tellus, fermentum ut ex at, eleifend facilisis sapien.

H4 Heading

Curabitur dapibus nisi a ipsum viverra, at tempor nibh ornare. Sed posuere massa sit amet lacus bibendum porttitor. Curabitur non urna massa. Nam ante sapien, viverra vel ipsum vitae, dictum posuere est.

H5 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas ut risus sed consequat. Donec luctus ultrices convallis. Ut tincidunt vulputate enim, ac laoreet lectus faucibus eu.

H6 Heading

Curabitur non libero ut risus mollis finibus id id urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas augue tellus, fermentum ut ex at, eleifend facilisis sapien.

Get the code

DropCap

Aenean urabitur dapibus nisi a ipsum viverra, at tempor nibh ornare. Sed posuere massa sit amet lacus bibendum porttitor. Curabitur non urna massa. Nam ante sapien, viverra vel ipsum vitae, dictum posuere est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque egestas ut risus sed consequat. Donec luctus ultrices convallis. Ut tincidunt vulputate enim, ac laoreet lectus faucibus eu. Curabitur non libero ut risus mollis finibus id id urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas augue tellus, fermentum ut ex at, eleifend facilisis sapien.

Get the code

Highlight

Suspendisse sit amet accumsan ligula. Suspendisse rhoncus ante in suscipit molestie. Phasellus nulla tellus gravida sed tempor non, mattis sed sem. Fusce sed accumsan risus. Morbi iaculis magna ac dui imperdiet, quis accumsan dui tempus. Curabitur hendrerit nisl vel tempus elementum. Sed sit amet ex sit amet purus hendrerit malesuada. Nunc feugiat nec nibh quis malesuada. Integer vel magna eget nunc mollis condimentum. Fusce tincidunt magna vel sem accumsan egestas.

Get the code

Text Tooltips

Suspendisse sit amet accumsan ligula. Suspendisse rhoncus ante in suscipit molestie. Phasellus nulla tellus, gravida sed tempor non, mattis sed sem. Fusce sed accumsan risus. Morbi iaculis magna ac dui imperdiet, quis accumsan dui tempus. Curabitur hendrerit nisl vel tempus elementum. Hover for a Tooltip on top. Nunc feugiat nec nibh quis malesuada. Sed sit amet ex sit amet purus hendrerit malesuada. Integer vel magna eget nunc mollis condimentum. Fusce tincidunt magna vel sem accumsan egestas.

Get the code

Blockquote

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Get the code