« Back

Foundation Typography Testing


Typography

Foundation 3 uses a modular scale to generate typography. That means a great, logical vertical rhythm for every design.

General Typography

These are the basic elements of typography and rhythm in Foundation 3.

h1. This is a very large header.

h2. This is a large header.

h3. This is a medium header.

h4. This is a moderate header.

h5. This is small header.
h6. This is very small header.

This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, let's see… did you know that there are storms occurring on Jupiter that are larger than the Earth? That's pretty cool.



Header Styles

Optional Subheader Styles

This is a very large main header.

This is a smaller subheader.

This is a large header. This is a small segment of that header.





Lists

Lists are helpful for, well, lists of things.

ul.disc
  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

ul.circle
  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

ul.square
  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item


Blockquotes

Sometimes other people say smart things, and you may want to mention that through a blockquote callout. We've got you covered.


I do not fear computers. I fear the lack of them. Maecenas faucibus mollis interdum. Aenean lacinia bibendum nulla sed consectetur.Isaac Asimov