This site uses advanced css techniques
I designed my logo many years ago to use on my letterhead and business cards, and it has not one iota of symbolic meaning. Not being terribly creative, I wanted something that was simple, and (more importantly) could be easily constructed by hand in Encapsulated PostScript. I also wanted something that looked tolerably good in black and white: I just put a light grayscale inside the boxes.
At the time I did a great deal of work supporting an excellent PostScript clone that was integrated into the V-Systems VSI-FAX product, so doing simple drawings like this was common for the day. This logo looks good in color or black and white, and it's sufficed very nicely for years. Now that I'm finally building a semi-reasonable web site, the little red "brick" has become a useful design element.
I have even managed to make a 16-by-16 pixels version in "favicon.ico" format: (though this image is actually in GIF format, because Netscape won't show an ".ico" file). If you bookmark my home page in IE5 or later, this tiny icon will show in your favorites list next to the name of my home. An excellent resource is www.favicon.com.
Overall I'm quite pleased to have a consistent design element, but feedback from "real" designers is welcome.
This is the Encapsulated PostScript for the monochrome logo, though the one that appears on this web page was actually drawn by hand in MS Paint from the measurements here.
%!PS-Adobe-3.0 EPSF %%BoundingBox: 0 0 82 102 %%Creator: Stephen J. Friedl %%CreationDate: Thu Jan 30 06:55:58 PST 1992 %%DocumentData: Clean7Bit %%LanguageLevel: 1 %%Orientation: Portrait %%Pages: 0 %%Title: SJF Logo %%Version: 1.0 %%EndComments /Amoveto { transform round exch round exch itransform moveto } bind def /Alineto { transform round exch round exch itransform lineto } bind def /Armoveto { dtransform round exch round exch idtransform rmoveto } bind def /Arlineto { dtransform round exch round exch idtransform rlineto } bind def /logobox { gsave currentlinewidth dup rmoveto currentpoint translate newpath 0 0 Amoveto 0 60 currentlinewidth sub Arlineto % left side 20 currentlinewidth sub 0 Arlineto % top 0 -60 currentlinewidth add Arlineto % right side closepath % bottom stroke grestore } bind def 2.0 setlinewidth 0.00 setgray % fill pattern 0 setlinecap % butt cap 0 setlinejoin % miter join 0 0 Amoveto logobox 30 20 Amoveto logobox 60 40 Amoveto logobox 2 setlinecap % projecting square cap 20 30 Amoveto 10 0 Arlineto stroke 20 50 Amoveto 10 0 Arlineto stroke 50 50 Amoveto 10 0 Arlineto stroke 50 70 Amoveto 10 0 Arlineto stroke %%EOF