The Joomla! Community Magazine™

Hello, Flat Design. 17 Joomla! Templates for Inspiration

Written by | Thursday, 01 August 2013 00:00 | Published in 2013 August
Over the past couple of years we've seen a huge evolution in the way designers and developers are approaching UI/UX design. Responsive, Twitter Bootstrap, jQuery, Less, Sass, and HTML5 all come to mind. And now for the first time in a long time, a new graphic design trend has emerged out of accessibility. I'm talking about Flat Design.
Hello, Flat Design. 17 Joomla! Templates for Inspiration Scott Greenwald

When describing what Flat design is, it's easier to think of an opposite trend – Skeuomorphic Design, the style that's dominated the web over the past several years. Skeuomorphism is the attempt at emulating real-world effects of light, shadow, and depth on-screen by using textures, gradients and drop-shadows. Shiny embossed buttons and fabric-textured backgrounds are common uses of skeuomorphic design. This type of design has been made even more popular by apps like the Apple book store which emulates a wooden book shelf, and the calendar app that looks like a spiral notebook. Like all trends, skeuomorphic design is starting to fade.

What happens when we lose the shadows and gradients, and focus our design on authenticity and accessibility? You get a simpler design.. you get "Flat" Design. Depending on who you ask, they'll tell you flat design is either dead or it's the next new thing. But don't just take their word. Look at some of the top interface designs of 2013 and you'll see that Flat is here to stay. With Android, Windows 8 and Apple IO7 adopting flat design in their UIs, you can bet we'll be seeing more of this style in web design too.

In no particular order, here's a look at 17 well designed Joomla templates that embrace the Flat style.

1. Albumen by Bang2Joom

albumen

2. NuModusVersus by Nuevvo (free)

numodus

3. JA One Page by JoomlArt

japage

4. Creativity by Gavick Pro

creativity

5. Imago by Joomla Shack

imago

6. ZenHost by Joomla Bamboo

zenhost

7. Nano3 Organic by YooTheme

nano3

 

8. Stratos by Rockettheme

stratos

 

9. Mero by JoomlArt

mero

 

10. EZ WebHosting by Shape5

ezwebhosting

 

 

11. Bluap by GavickPro

bluap

 

12. Infinite by YOOTheme

infinite

 

13. Aragon by Templaza

aragon

 14. Afterburner2 by Rockettheme (free)

afterburner

 

 

15. nuArt by Nuevvo

nuart

 

 

16. Flat by Mobile Joomla

flatmobile

 

17. Stack Ideas

stackideas

 

This last one, StackIdeas, is not a template provider, but they do provide awesome Joomla extensions. I've included them in the list because they recently redesigned their site in a clean, flat style and it looks great!

If you're a theme developer and looking for a place to start with Flat design, have a look at the Flat UI Pro kit from Desigmodo. It's built on Bootstrap and can easily be incorporated into a Joomla theme.

Lastly, I need your help! You've probably noticed that most of the Flat design examples above are Joomla templates. Do you know of any actual Joomla-powered sites using one of these templates, or Flat design in general? Share your site in the comments below. I'd love to get a resource going for future articles on Joomla design trends.

Read 30608 times
Tagged under Designers, English
Scott Greenwald

Scott Greenwald

Scott Greenwald runs the popular resource site JoomlaDirect.com. He's a seasoned front-end developer with a background in graphic design. Scott works as a fulltime freelancer from his home office in Tokyo Japan, where he specializes in custom Joomla development and template design for clients.