Where code
meets Art
// background (#F0E8E0)
var g = s.gradient("r(0.5, 0.5, 0.5)#f0e8e0-#ddd6ce");
s.rect(0, 0, width, height).attr({fill: g})
// colors
var pinks = ['#D07C96', '#DC0657', '#86104C'];
var reds = ['#C41420', '#DE4A00', '#DA1C14'];
var greens = ['#B9D55D', '#28A362', '#2B773B'];
var blues = ['#2F99BB', '#33AB90', '#206691'];
var yellows = ['#E8BA00', '#E6E600', '#F0EB00'];
var leftMargin = 100;
var spaceBetween = 25;
var boxSize = 40;
function strip(x, numCells, width, colors){
var lastColor, color;
for(var i = 0; i < numCells; i++){
// ensure we don't have the same color side-by-side
while (color == null || color == lastColor){
color = colors[(i + getRandomInt(0, 10)) % 3];
}
s.rect(x, 90 + i * width, width, width).attr({
fill: color
});
lastColor = color;
}
}
// strips
strip((boxSize * 0) + leftMargin + (spaceBetween * 0), 8, boxSize, pinks);
strip((boxSize * 1) + leftMargin + (spaceBetween * 1), 8, boxSize, reds);
strip((boxSize * 2) + leftMargin + (spaceBetween * 2), 8, boxSize, greens);
strip((boxSize * 3) + leftMargin + (spaceBetween * 3), 8, boxSize, blues);
strip((boxSize * 4) + leftMargin + (spaceBetween * 4), 8, boxSize, yellows);Unique
Every variant is generated just for you. Once a variant is viewed it will never be generated exactly the same way again. There are an infinite number of variations.
Customizable
Change a piece a little or a lot, depending on variables you can control. You can even customize color schemes to fit any decor.
Coming Soon
Canvas prints are on the way. Join our newsletter at the bottom of the page and we'll let you know the day your variant can hang on a wall.