Hello, Flat Design. 17 Joomla! Templates for Inspiration

Written by | 01 August 2013 | 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


2. NuModusVersus by Nuevvo (free)


3. JA One Page by JoomlArt


4. Creativity by Gavick Pro


5. Imago by Joomla Shack


6. ZenHost by Joomla Bamboo


7. Nano3 Organic by YooTheme



8. Stratos by Rockettheme



9. Mero by JoomlArt



10. EZ WebHosting by Shape5




11. Bluap by GavickPro



12. Infinite by YOOTheme



13. Aragon by Templaza


 14. Afterburner2 by Rockettheme (free)




15. nuArt by Nuevvo




16. Flat by Mobile Joomla



17. Stack Ideas



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 60398 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.