Typography - Text Styling

Template Basic Components are a kit of helper elements needed for comfortable work. They are easily customizable and can be used in any site block.

Typography General Information

Template is integrated with Google Font which means that you can use any of hundreds of fonts gathered in the official library. By default Template uses Open Sans and Libre Baskerville fonts. If due to any reason you decide to change current fonts, you can easily find out how to do it the Template???s official documentation.

Open Sans Title Example

Open Sans Template Default Paragraph Styling. Phasellus convallis dui eu erat euismod, id vulputate eros pulvinar. In id fringilla leo. Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Libre Baskerville Title Example

Libre Baskerville Template Alternative Paragraph Styling. Phasellus convallis dui eu erat euismod, id vulputate eros pulvinar. In id fringilla leo. Donec posuere dolor ac urna luctus, non ultricies risus placerat.


By default, the Template basic font weights (boldness) are Regular (400) and Bold (700). For a more flexible stylization of the Open Sans font there's a Light font weight (300).

Open Sans font weight 300

Open Sans font weight 400

Open Sans font weight 700


Libre Baskerville font weight 400

Libre Baskerville font weight 700


Of course, you can style not only next but numbers too. The stylization refers not only to the font's boldness but to any decorative styles, whether it's a Highlight, Stroke, etc. All font styles you may need can be found on this page.

0 1 2 3 4 5 6 7 8 9

0 1 2 3 4 5 6 7 8 9


Typography Default Paragraph

This is a default paragraph example. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Typography Alternative Paragraph

This is an alternative paragraph example. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Typography Lead Text

This is a text example with a lead class. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Typography Minified Text

This is a paragraph example with a minified font size. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Typography Text Align

Left Text Align Example

Ut enim ad minim veniam, quis nostrud exercitation


Center Text Align Example

Ut enim ad minim veniam, quis nostrud exercitation


Right Text Align Example

Ut enim ad minim veniam, quis nostrud exercitation


Justify Text Align Example

Ut enim ad minim veniam, quis nostrud exercitation. Duis aute irure dolor in reprehenderit in voluptate velit esse.


Typography Inline Text Decoration Elements

Inline Text Decoration Elements Examples

Lorem ipsum text italic example dolor sit amet, consectetur text strong example adipiscing code example elit.

Aenean text sub example iaculis magna a felis ullamcorper, non elementum dui text-small example varius. Sed ac text sup example turpis lacus. Etiam dictum scelerisque efficitur. Nullam tincidunt, risus ac egestas luctus.

Text abbreviation example . Suspendisse tempus text mark example and you can also use an alternative transparent highlight mark tag. Ante ut risus interdum, sed commodo nisl suscipit. Pellentesque nisl nulla, text deleted example vestibulum ut tristique ac, mattis vitae tortor. Curabitur commodo ligula at dui vulputate, at sagittis nisi tincidunt. Text underline example.

Donec hendrerit, metus quis sagittis varius, elit massa iaculis lacus, a interdum massa urna quis nisl. Vestibulum sagittis, magna sed mollis tincidunt, arcu erat feugiat nisl, et scelerisque augue dui vitae risus.