From 27ebf2d416df50513c19d83472e999530c9ce568 Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Wed, 20 Aug 2014 17:37:03 -0300
Subject: Adding typography information

---
 web-ui/app/style-guide.html | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

(limited to 'web-ui/app/style-guide.html')

diff --git a/web-ui/app/style-guide.html b/web-ui/app/style-guide.html
index 35a3797b..39a4cdfe 100644
--- a/web-ui/app/style-guide.html
+++ b/web-ui/app/style-guide.html
@@ -124,16 +124,25 @@
 			<h2>Typography</h2>
 
 			</br>
-			Typography. Basic references to typefaces and sizes.
-			</br>
-			Typography. Basic references to typefaces and sizes.
-			</br>
-			Typography. Basic references to typefaces and sizes.
-			</br>
-			Typography. Basic references to typefaces and sizes.
-			</br>
-			Typography. Basic references to typefaces and sizes.
-			 </br>
+			Pixelated uses Open Sans as its main font for its readability and wide range of variations. <a href="https://www.google.com/fonts/specimen/Open+Sans">Open Sans</a> is a humanist sans serif typeface created by Steve Matteson.
+			</br>
+			<ul class="typography">
+				<li>
+					<h2>Aa</h2>
+					<span>Regular</span>
+				</li>
+				<li>
+					<h2 style="font-weight: bold;">Aa</h2>
+					<span>Bold</span>
+				</li>
+				<li>
+					<h2 style="font-weight: 800;">Aa</h2>
+					<span>Extra Bold</span>
+				</li>
+				<li>
+					<h2 style="font-weight: lighter;">Aa</h2>
+					<span>Lighter</span>
+				</li>
 		</section>
 		<section id="components" class="guide-section" name="components">
 			<h2>Components</h2>
-- 
cgit v1.2.3