As this site has been created for my potential employers or clients, I tried to make it look  very professional and simple. I believe that my audience is interested to know about my qualifications as well as my experience as a web designer. I am trying to give my audience an outline of my talents and capabilities because it is not easy to show them a complete picture without working full time with them. I am also trying to keep it interesting, informative and simple. Here is a description of my Style Manual:
Fonts:
I used Harrington and Algerian in some of the sections because they look 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.
| Section |
Font |
Size |
Color |
| Banner |
Harrington |
55 |
Lilac |
| Top Navigation bar |
Harrington |
24 |
Lilac |
| Side Navigation bar |
Verdana |
12 |
Gray |
| Heading1 |
Algerian |
18 |
Red |
| Heading2 |
Verdana |
14 |
Dark Gray |
| Heading3 |
Verdana |
12 |
Gray |
| Body |
Verdana |
12 |
Gray |
| Lists |
Verdana |
12 |
Blue |
| Side List |
Verdana |
11 |
Red |
Images:
My logo and banner has been created in Adobe Photoshop, some snapshots have been taken by my family and I borrowed some photos on Pakistan from Mr. Khawar Nadeem and Mr. Atif Gulzar. A complete list is available in the Credits section.
Colors:
I used gray 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: different shades of gray, lilac and very little of red (in headings and links) to give it an interesting contrast. I am trying to make my site look interesting enough to attract a visitor as soon as they access it and I believe that first impression of your website is the color combination to keep your visitors attention.
| Section |
# |
Colors |
| Banner BG |
#B3A7D9 |
Lilac |
| Navigation bar BG |
#CCCCCC |
Gray |
| Body BG |
#ECE9D8 |
Light Gray |
| Links |
#990000 |
Red |
| Visited Links |
#990000 |
Red |
| Rollover Links |
#000033 |
Blue |
| Active Links |
#336600 |
Green |
| Footer |
#D3D0CE |
Light Gray |
|
