Typography

Paragraph, list, and headings defined.

Maximum paragraph width: 950px (800px is ideal for base paragraph font size and line height)
Minimum paragraph width: 350px (500px is ideal for base paragraph font size and line height)

Coded Example


Heading 1 Page Title

Aliquam sit amet magna ligula. Integer et metus dolor. Nulla in scelerisque dui. Morbi eu convallis tellus. Nam massa sem, luctus quis felis at, ultrices rhoncus enim. Donec non lobortis dolor, eu ullamcorper dui. Duis bolded body text eu rhoncus odio. Nullam tempus congue feugiat.

Heading 2

Example paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales sapien euismod, interdum ex nec, pharetra tellus.

Heading 3

The linked text interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus tempus felis at arcu gravida, non pharetra tortor interdum. Sed nibh metus, euismod ut dictum ac, interdum non justo.

Morbi hendrerit ultricies hover lectus, eget lobortis ligula iaculis non. Proin tristique malesuada elementum. Nam ut nunc nec tortor laoreet molestie eu sed massa. Vivamus eros lorem, pretium sit amet ullamcorper nec, malesuada sit amet turpis. Mauris focus imperdiet metus sit amet tellus pretium, non volutpat nulla ullamcorper.

  • list item one
  • Visited list item 2
  • list three items
  • list four

Heading 4

Drop capital letter in the first word in paragraph. Example of what you could do with a drop cap. Not required. Aliquam sit amet magna ligula. Integer et metus dolor. Nulla in scelerisque dui. Morbi eu convallis tellus. Nam massa sem, luctus quis felis at, ultrices rhoncus enim. Donec non lobortis dolor, eu ullamcorper dui. Duis bolded body text eu rhoncus odio. Nullam tempus congue feugiat.

Heading 5

Example paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales sapien euismod, interdum ex nec, pharetra tellus.

Heading 1 Page Title

Aliquam sit amet magna ligula. Integer et metus dolor. Nulla in scelerisque dui. Morbi eu convallis tellus. Nam massa sem, luctus quis felis at, ultrices rhoncus enim. Donec non lobortis dolor, eu ullamcorper dui. Duis bolded body text eu rhoncus odio. Nullam tempus congue feugiat.

Heading 2

Example paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales sapien euismod, interdum ex nec, pharetra tellus.

Heading 3

The linked text interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus tempus felis at arcu gravida, non pharetra tortor interdum. Sed nibh metus, euismod ut dictum ac, interdum non justo.

Morbi hendrerit ultricies hover lectus, eget lobortis ligula iaculis non. Proin tristique malesuada elementum. Nam ut nunc nec tortor laoreet molestie eu sed massa. Vivamus eros lorem, pretium sit amet ullamcorper nec, malesuada sit amet turpis. Mauris focus imperdiet metus sit amet tellus pretium, non volutpat nulla ullamcorper.

  • list item one
  • Visited list item 2
  • list three items
  • list four

Heading 4

Drop capital letter in the first word in paragraph. Example of what you could do with a drop cap. Not required. Aliquam sit amet magna ligula. Integer et metus dolor. Nulla in scelerisque dui. Morbi eu convallis tellus. Nam massa sem, luctus quis felis at, ultrices rhoncus enim. Donec non lobortis dolor, eu ullamcorper dui. Duis bolded body text eu rhoncus odio. Nullam tempus congue feugiat.

Heading 5

Example paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sodales sapien euismod, interdum ex nec, pharetra tellus.