Typography

The art and technique of arranging type in order to make language visible.

Typography

List styles

List Line

  • Lorem ipsum dolor
  • Nullam sed massa
  • Ut rutrum sem vel
  • Cras aliquam accumsan
  • Vestibulum lobortis

List Striped

  • Lorem ipsum dolor
  • Nullam sed massa
  • Ut rutrum sem vel
  • Cras aliquam accumsan
  • Vestibulum lobortis

Custom icons

  • Lorem ipsum dolor
  • Nullam sed massa
  • Ut rutrum sem vel
  • Cras aliquam
  • Vestibulum lobortis

List Check

  • Lorem ipsum dolor
  • Nullam sed massa
  • Ut rutrum sem vel
  • Cras aliquam
  • Vestibulum lobortis
  • Consectetuer elit

List Close

  • Lorem ipsum dolor
  • Nullam sed massa
  • Ut rutrum sem vel
  • Cras aliquam
  • Vestibulum lobortis
  • Consectetuer elit

Highlight

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. Sed ut tellus quis erat pulvinar porttitor eget sed massa. Nullam mattis in ante eget commodo. Duis lobortis nunc eu pulvinar pharetra.


Address Tag

This holds an address.
Block level, but without margin
or padding because they're
often stacked.

Inline Elements

CSS<abbr>

Origin of Species<cite>

Emphasis<em>

Mark text<mark>

Bold text<b>

Deleted text<del>

superscript<sup>

subscript<sub>


Blockquotes

This is a block quotation containing a single paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

AuthorSource

This is a block quotation containing a single paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Author with pull-right


Preformatted text

Lorem ipsum dolor sit amet, consectetur adipisicing 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.
		


Article title

The article component constists of the article itself, a title, meta data, an opening paragraph and dividers.

Lorem ipsum dolor sit amet, consectetur adipisicing 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.


Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Read more


Comment

Author

Written by Super User on 22 November 2013. Posted in Blog

Create comments, for example about articles. The Comment component consists of a comment header, including an avatar, a title and meta data, and a comment body, sed diam voluptua.



Header 1

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Header 2

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Header 3

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Header 4

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Header 5

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Header 6

Lorem ipsum dolor sit amet, consectetur adipisicing 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.