| search |
 

+ web design workshop +

At home, the workshop is a place where projects are crafted by hand until perfect. Here, the ideas presented are for inspiration and points of reference only. You will not find "templates" to choose from on this site. Each kirkor consulting + design web project is hand crafted from scratch to meet the exacting requirements of each client.

If you are here you are either working on a project or curious. Either way, browse the items below, and check back often for more items that will help develop your site.

Site Structure - Two different approaches to web page layout. What makes the most sense for you?

hierarchical page layout: hub page layout:


[ top ]

 

Web Safe Color Chart
Choosing colors can often be the most difficult part of web design. Colors can be used to add expression and feeling to a page but can also look different on different monitors. Using "web safe" colors can ensure that your site is being viewed as it was intended.

Click the color grid to access a color chart of 216 colors which can be used as a starting point to establish which colors are appealing and appropriate for your site.

Other colors are available but are not assured to look the same on all monitors.

a note on color 

Colors in web pages are expressed as RGB values (red, green, blue). By adjusting the level of red, green and blue in a color every possible color can be created. RGB values are specified using hexadecimal notation (6 digit alphanumeric value from 0 - F). The first two digits determine the level of red, the middle two determine the level of green and the last two determine the level of blue.

Ex: FF0000 = red (all red, no green, no blue);
00FF00 = green
(no red, all green, no blue); and
0000FF = what?

Absence of color is black, so its hex# is "000000".
What color is "FFFFFF"? guess.

With all of this in mind check out the color chart to see web safe colors and their corresponding hex numbers.

[ top ]

 

Common Web Font Families
Fonts come in many different shapes and styles and each one can convey a different message.

Serif fonts (the ones with little squigglies) include Times and Georgia and usually mean business. Sans serif fonts (without the squigglies) are easy to read on a screen yet do not carry the same formality of the serif fonts.

compare some common fonts 
Font Examples
Arial the quick brown fox jumped over the lazy dog
THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG
Verdana the quick brown fox jumped over the lazy dog
THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG
Times New Roman the quick brown fox jumped over the lazy dog
THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG
Courier New the quick brown fox jumped over the lazy dog
THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG
Georgia the quick brown fox jumped over the lazy dog
THE QUICK BROWN FOX JUMPED OVER THE LAZY DOG
   

 

[ top ]

 

site structure

color chart

font chart