Style manual

I believe that my audience is going to be anyone who wants to know Urdu & Arabic Caligraphy about Pakistan or its way of life especially my friends who live here and don’t know much about my country.  I am trying to show my audience a basic picture of my country, my life and the things that are important to me.  I am also trying to keep it interesting, informative and simple, that’s why I am using green and blue as my basic colors to visually attract people but not overwhelm them by using too many bright colors.  I designed the logo in my banner as an eye because my name Ann-e-Zahra means bright eyes in Arabic language and Egyptian art always attracted me.  so I tried to combine both of them. 

Here is a description of my Style Manual:

Fonts:

I tried to use Harrington and Algerian in some of the sections because it looks very fancy and to me very inviting but unfortunately not very easy to read on eyes.  For the rest of the text I chose Verdana because it looks open and glides one’s eyes through the text and doesn’t make eyes tired when reading. You can also look at my Page Template for more information.

Section Font Size Color
Banner Harrington 55 Lilac
Top Navigation bar Harrington 24 Lilac
Side Navigation bar Verdana 12 Green
Heading1 Algerian 18 Blue
Heading2 Verdana 14 Dark Gray
Heading3 Verdana 12 Orange
Body Verdana 12 Blue
Lists Verdana 12 Blue
Side List Verdana 11 Blue

Images:

My logo was borrowed from Microsoft Clipart, some snapshots have been taken by my family and I borrowed some photos on Pakistan from the internet.  A complete list of those websites is available in the Credits section.

Colors:

I used green as my webpage background color; because I think it catches everyone’s attention and gives a relaxing effect to one’s eyes.  The secondary colors I used are: blue, gray, and very little of orange or brown colors (may be in headings and links).  I am trying to make my site look interesting enough to attract a visitor as soon as they open it and I believe that first impression of your website is the color combination to keep the visitors interested.

Section # Colors
Banner BG #0E1966 Blue
Navigation bar BG #CCCCCC Gray
Body BG #ECE9D8 Gray
Links #336600 Green
Visited Links #336600 Green
Rollover Links #990033 Pink
Active Links #336600 Green
Footer #336600 Green
Home page Credits/Storyboard Free Area #1 Free Area #2 Biography/Resume