With successful design projects, you can not miss the right typeface. Google Fonts is an interactive directory of free hosted application programming interfaces for web fonts. It was launched in 2010  and revamped in 2011. Many of the fonts are released under the SIL Open Font License 1.1, while some are released under the Apache License, both are free software licenses .

The following is a synthesis project of fonts from google font. Compiled by Abhishek Garg, provided detailed font formatting for each style and how it can be achieved. Thanks to Abhishek Garg.

Principles of Design.

“Design principles are the fundamental ideas and elements that can be applied to achieve successful design.”

01.

Principle – White Space

In page layout, illustration and sculpture, white space is often referred to as negative space. It is the portion of a page left unmarked: margins, gutters, and space between columns, lines of type, graphics, figures, or objects drawn or depicted. The term arises from graphic design practice, where printing processes generally use white paper. White space should not be considered merely “blank” space — it is an important element of design which enables the objects in it to exist at all; the balance between positive (or non-white) and the use of negative spaces is key to aesthetic composition. Inexpert use of white space, however, can make a page appear incomplete.

02.

04.

Principle – The Rule of Thirds

The rule of thirds is a “rule of thumb” or guideline which applies to the process of composing visual images such as designs, films, paintings, and photographs. The guideline proposes that an image should be imagined as divided into nine equal parts by two equally spaced horizontal lines and two equally spaced vertical lines, and that important com-positional elements should be placed along these lines or their intersections. Proponents of the technique claim that aligning a subject with these points creates more tension, energy and interest in the composition than simply centering the subject.

Google Fonts Used – Oranienbaum & Neuton

05.

Principle – Alignment

Alignment is the act of keeping design objects in line, not only vertically or horizontally but across any linear plane. Alignment also be done respectively, i.e one design element is positioned with respect a another element within same frame.

Google Fonts used – Fjalla One & Prata