Beautiful Typography

Typography is the art and technique of arranging type in order to make language visible. 

Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers. In modern times, typography has been put into motion—in film, television and online broadcasts—to add emotion to mass communication.

Basic Typography

Heading Styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Lead Paragraph

The arrangement of type involves the selection of typefaces, point size, line length, leading, adjusting the spaces between groups of letters and adjusting the space between pairs of letters.

Normal Paragraph

The arrangement of type involves the selection of typefaces, point size, line length, leading, adjusting the spaces between groups of letters and adjusting the space between pairs of letters.

Columns

Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers. In modern times, typography has been put into motion—in film, television and online broadcasts—to add emotion to mass communication.

Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers.

Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces, and some type designers do not consider themselves typographers.

Type design is a closely related craft, which some consider distinct.

Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces.

Type design is a closely related craft, which some consider distinct.

Type design is a closely related craft, which some consider distinct and others a part of typography.

Type design is a closely related craft, which some consider distinct and others a part of typography.

Type design is a closely related craft, which some consider distinct and others a part of typography.

List Styles

Unordered Lists
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
Lists border
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel
Ordered lists
  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
Lists square
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Faucibus porta lacus fringilla vel

Blockquote Styles

Default blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Blockquote aligned right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Blockquote with source

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Andrea Cotton

Formatting

Bold

A bold variation of the word strong is strong. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.

Italic

An italic variation of the word italic is italic. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.

Hyperlink

A hyperlinked variation of the word hyperlink is hyperlink. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.

Abbreviation

An abbreviation of the word attribute is attr. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.