Typography Usage Guide for text
Main heading
Secondary Heading for Sections
This is primary body text for used on all Gprime2 content in the page body . Mauris iaculis justo quis ultrices maximus. Maecenas sapien purus, hendrerit id nulla et, vehicula facilisis enim. Maecenas a lorem id libero ornare gravida.
Pellentesque sit amet est sed tortor sagittis lobortis ut eget mauris. Maecenas congue lacus tortor, in imperdiet libero rutrum non. Curabitur in luctus lacus.
Tertiary Heading for Subsections
This is primary body text for used on all Gprime2 content in the page body . Mauris iaculis justo quis ultrices maximus. Maecenas sapien purus, hendrerit id nulla et, vehicula facilisis enim. Maecenas a lorem id libero ornare gravida.
Here is whatahyperlinkshouldlooklike.com.au
When needing to emphasise specific parts of body text use this styling.
This is what a unordered list should look like
- This is the style required for Unordered Lists.
- Fusce bibendum mattis sem, ut sagittis est. Sed et neque scelerisque
- Mauris iaculis justo quis ultrices maximus. Maecenas sapien purus
h1
{
font-family: opensans;
font-weight: 100;
color: #183c47;
font-size: 28px;
margin: 20px 0px;
border-bottom: 1px solid #dbe0e1;
padding-bottom: 15px;
}
h2
{
font-family: opensans;
font-weight: 300;
color: #00a88f;
font-size: 20px;
margin: 15px 0px;
}
h3
{
font-family: opensans;
font-weight: 300;
color: #00a88f;
font-size: 18px;
margin-top: 20px;
margin-bottom: 10px;
}
p
{
font-family: roboto;
font-weight: 100;
color: #333333;
font-size: 14px;
}
a
{
color: #00a88f;
text-decoration: underline;
font-weight: 300;
}
em
{
font-style: normal;
font-weight: 500;
}
ul li
{
list-style-type: disc;
margin-bottom: 5px;
}