New template: Variant Creative

Post 195 of 262

January 6, 2011Andreas ViklundBuild, Featured6 comments

Here is the first new template of 2011: Variant Creative. It is a classic 3-column layout with a vertical button menu. The total layout width is 980px wide, and it uses a header image of a kind that I have not used in any template before. In order to make the header image easier to modify, a .PSD source file is included in the template .zip. To add your own image while still keeping the rounded corners and shadows, open the .PSD file in Adobe Photoshop (or any compatible editor) and replace the background image layer with the image you want to use – and save the file as front.jpg in the “img” folder of the template. Go to the Variant Creative page for more details and a live demo, or click the screenshot below to download the template directly:

Variant Creative template. Click the screenshot to download the template in .zip format (164 Kb)

Updated – January 10th, 2011: A second layout option has been added to this template. Read more about the new 2-column layout in this blog post.

.PSD, templates, variant creative

This article was written by Andreas Viklund

Web designer, writer and the creative engine behind this website. Author of most of the free website templates, along with some of the WordPress themes.

6 comments:

Facundo GonzálezJanuary 7, 2011 at 03:01Reply

Good job, good start and congratulations!

I would ask you please tell us: how do you make the front image has a size of 17.4 kb and it looks perfect?

I tried to do with Photoshop, but I tried to do a thousand forms, and the image weigh more and had rounded edges with noise.

How to set the render in the JPG image?

Andreas ViklundJanuary 7, 2011 at 03:26Reply

I used the “Save for web and devices” export rather than just saving the .jpg directly. Quality setting is 90. I managed to get the file down to 7 Kb with an acceptable quality, but opted to go for a higher quality setting since the design is pretty light even with a 17 Kb header.

Facundo GonzálezJanuary 7, 2011 at 21:50Reply

Thanks Andreas, it works perfectly.

sibersonikJanuary 7, 2011 at 14:36Reply

thanks f this great template, do it supports wp3? Any way I will use

Andreas ViklundJanuary 7, 2011 at 19:39Reply

Thanks! No, Variant Creative is an XHTML/CSS website template, not a WP-theme. The template has not been converted for any CMS yet, but if someone builds a WP-theme from it, I will make sure to link to it from this site.