After seeing a few sites have options for colours, I thought it’d be cool to have a site that you could dynamically change the colour of, on the fly. Of course, this would make gradients harder to pull off but, with pngs and grayscale alpha gradients, even these were possible if the site had a solid colour background. Yes, CSS3 allows for gradients but the logo needed intricate details, and rounded corners aren't supported by IE without JavaScript.
To select the colours I used the farbtastic plugin for jQuery and made a very simple design, using the Motive logo as a start point. I put the farbtastic parts on a floating area on the left. I added a style attribute, created dynamically when the numbers are changed, and it runs very smoothly. It’s slightly hypnotic at times but it allows for a potential site customisation that clients could appreciate.
You can view a preview here
Tags: gradients, JavaScript, colours