Variant Creative (alternate version) released

Post 181 of 262

The single most popular template since its release a few weeks ago, Variant Creative, has been reworked and released as an alternate version: Variant Creative (alt). The new version comes with red/pink colors, an embedded @font-face font (Ubuntu, downloaded from Font Squirrel) and a new blog-styled layout (see the screenshot below) – a bonus that can be useful if someone would want to build a CMS/blog theme out of the template.

What it looks like:


(Click the image to download variant-creative-alt.zip, 963 Kb)

The screenshot shows the new blog layout, but Variant Creative (alt) also includes both the layouts (2 or 3 columns) from the original template. Variant Creative (alt) comes with a .PSD source file of its own so that the new header image will be easy to modify, just as with the original Variant Creative template. Please note that the template .zip is larger than usual, because of the included .PSD source file and the font. If you want to see a live demo before you download, you can do it right here.

Check it out and post your comments, I am really curious to hear what you think of it.

(Note: I originally planned to make this a HTML5 template, but I ended up doing it as XHTML 1.0 Strict since the HTML5 version got my inspiration flowing – resulting in a completely different design. Look out for an all-new HTML5 template release in the next couple of days…)

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:

ÅkeJanuary 26, 2011 at 01:39Reply

Look’s great Andreas, I will try that on some site maybe this week.

AkiraJanuary 26, 2011 at 03:50Reply

This looks very good indeed =) Thanks for sharing your work!

JasonJanuary 26, 2011 at 16:27Reply

Nice use of the Ubuntu font.

Andreas ViklundJanuary 26, 2011 at 18:21Reply

Thanks! I really like the font, and it felt like a good choice for my first @font-face-supported template. I didn’t think that I would find a font that would work well for both headers and body text, but the Ubuntu font was good for both.

However, the different formats increase the load size a lot. I still have a lot to learn, I guess. :)

JasonJanuary 27, 2011 at 20:10Reply

Only one of the formats would be loaded by any individual user, which keeps load bandwidth down. The real issue with web based fonts is that browsers would download the font for each site which uses it.

AmroFebruary 12, 2013 at 19:40Reply

Thanks for such a great theme. I’ve ported it to my CMS and now I’m using it for my website. It’s great because it has both blogging and non-blogging layouts, which was exactly what I wanted for my website. Have a look if you’d like: http://code-section.com
Thanks again.

Menu