Week 12 Web Design Refinement

The web design have changed based on the feedback from the lecturers. To make sure that the font is consistent, I have make some research at the font pairing website.

The first chosen font pair are OCR-A and Akkurat. 

Here is the website which download the font: http://fontsgeek.com/fonts/Akkurat-Regular

The second chosen font are Souvenir and Futura. 

Here is the website which download the font: http://www.myfontfree.com/souvenir-lt-bt-myfontfreecom96f31021.htm, http://www.myfontfree.com/futura-myfontfreecom64f43.htm.

Based on the research of the font pair, I have designed the first page of the website as below:

The most possible fonts that I choose for the website will be OCR-A and Akkurat because they have the geometry size and is consistent with the shape  of the love shape. 

After that I have found some quotes to apply in to the instruction of the website. The quotes is as below:

1. “Scars are not injuries,A scar is a healing. After injury, a scar is what makes you whole.” China Miéville, The Scar

2. “The wound is the place where the Light enters you.” Rumi

3. “Scars have the strange power to remind us that our past is real.” Cormac McCarthy, All the Pretty Horses

4. “Hearts are breakable," Isabelle said. "And I think even when you heal, you're never what you were before".” Cassandra Clare, City of Fallen Angels

5. “Our wounds are often the openings into the best and most beautiful part of us.” David Richo

6.  “Love is our true destiny. We do not find the meaning of life by ourselves alone - we find it with another.” Thomas Merton, Love and Living

7.  “We are like islands in the sea, separate on the surface but connected in the deep.” William James

Based on the quotes above, the two most suitable quotes have been chosen to apply in the website. 

The final outcome will be as below:

Reference

Design Roast. (2016). 7 Tools for Creating the Perfect Font Pairing - Design Roast. [online] Available at: http://designroast.org/7-tools-creating-perfect-font-pairing/ [Accessed 19 Aug. 2016].

Explorationsintypography.com. (2016). Explorations in Typography / Typeface combinations. [online] Available at: http://explorationsintypography.com/first-edition/combinations/ [Accessed 19 Aug. 2016].

Fontsgeek.com. (2016). Akkurat Regular : Download For Free, View Sample Text, Rating And More On Fontsgeek.Com. [online] Available at: http://fontsgeek.com/fonts/Akkurat-Regular [Accessed 19 Aug. 2016].

Goodreads.com. (2016). Quotes About Healing (1923 quotes). [online] Available at: http://www.goodreads.com/quotes/tag/healing [Accessed 19 Aug. 2016].

Goodreads.com. (2016). Quotes About Recovery (502 quotes). [online] Available at: http://www.goodreads.com/quotes/tag/recovery?page=2 [Accessed 19 Aug. 2016].

Goodreads.com. (2016). Quotes About Connection (368 quotes). [online] Available at: http://www.goodreads.com/quotes/tag/connection [Accessed 19 Aug. 2016].

Myfontfree.com. (2016). Download free Souvenir Lt BT font, Souvenir Lt BT.ttf, Souvenir Lt BT Light Italic free for Windows. [online] Available at: http://www.myfontfree.com/souvenir-lt-bt-myfontfreecom96f31021.htm [Accessed 19 Aug. 2016].

Myfontfree.com. (2016). Download free Avenir font, Avenir Roman.otf, Avenir Regular free for Windows. [online] Available at: http://www.myfontfree.com/avenir-myfontfreecom126f144287.htm [Accessed 19 Aug. 2016].