Beautiful Typography

[vc_row][vc_column width=”1/1″][vc_column_text]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.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

Basic Typography

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Heading Styles

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Lead Paragraph

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]

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.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Normal Paragraph

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]

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.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

Columns

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]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.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]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.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]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.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]Type design is a closely related craft, which some consider distinct.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]Type design is a closely related craft, which some consider distinct and others a part of typography; most typographers do not design typefaces.[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_column_text]Type design is a closely related craft, which some consider distinct.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_column_text]Type design is a closely related craft, which some consider distinct and others a part of typography.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]Type design is a closely related craft, which some consider distinct and others a part of typography.[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_column_text]Type design is a closely related craft, which some consider distinct and others a part of typography.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

List Styles

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Unordered Lists

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_list call_text=”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” style=”1″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Lists border

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_list call_text=”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” style=”3″][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Ordered lists

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_list call_text=”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” style=”5″][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Lists square

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_list call_text=”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” style=”2″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

Blockquote Styles

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Default blockquote

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_blockquote call_text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Blockquote aligned right

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_blockquote style=”pull-right” call_text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Blockquote with source

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_blockquote call_text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.” call_source=”Andrea Cotton”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_column_text]

Formatting

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Bold

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]A bold variation of the word strong is strong. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Italic

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]An italic variation of the word italic is italic. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Hyperlink

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]A hyperlinked variation of the word hyperlink is hyperlink. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_column_text]

Abbreviation

[/vc_column_text][/vc_column][vc_column width=”3/4″][vc_column_text]An abbreviation of the word attribute is attr. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin at nibh non sem elementum aliquam.[/vc_column_text][/vc_column][/vc_row]