I’m loving it but have a suggestion that would help with the large file size problem that all the images with textures have:
Why not break the images up into two (or maybe three) layers? The under layer would be the illuminated gradient (like #4) which is <50Kb. The over layer would be the texture pattern which is small (a few Kb in a .png file) if you allow it to simply be a repeating pattern.
You can then leverage CSS’s ability to have multiple background images as described here: http://css-tricks.com/stacking-order-of-multiple-backgrounds/
That would get most of these images down under 50 or 60Kb and even add to the flexibility of the package.
All in all, though, THANKS!