I don’t remember, have I mentioned it or not, but design was composed in Synfig. Here’s the (1.91 MB)


  1. In GIMP I’ve made a draft image of the design idea on top of blog screenshots:site-design.jpg

  2. After that I’ve did a composition of clean files in Synfig Studio (I used screenshots there too - you could see “template” layer at the bottom in a .sif file).

  3. To get an images for HTML layout I’ve rendered composition to design-r1.png and design-r2.png files (you could find them in archive). Then I’ve used GIMP to split those images into parts (see “cuts” directory in archive).

  4. The rest of the work was a dancing with HTML code to make al those pieces look nice in most browsers.

That’s all!