We've released an updated and modernized version of one of our earliest landing page sets in Thrive Architect. The new set is called "Flat 2.0" and in today's post, you'll discover the pages in this set as well as the many benefits of flat design.
What is Flat Design?
Flat design is a design minimalist design philosophy. It emphasizes the use of simple, monochromatic shapes. Flat design can be best understood by what it isn't, though: it try to be realistic.
Here's an example of a realistic (also called "skeuomorphic") design for a switch element in a user interface:
Even though you're looking at this on a 2-dimensional screen, this switch design tries to imitate a physical switch that you might encounter in the real world. It uses shadows and gradients to create a 3D effect.
Here's the same switch in a flat design style:
Its a much simpler design style. But it's no less recognizable as a switch. This is a key to flat design: it conveys the same meaning, in a simpler form. Another example of this can be found in this beautiful illustration by Dribbble user Facundo:
So, we've got skeuomorphic (realistic) design on the one hand and flat design on the other. You may prefer one design style over the other. That's completely subjective.
What's not subjective is that one of these styles is better for the web than the other.
The Benefits of Flat Design
Flat design is perfect for the web. And while it has evolved in many ways over the years and goes by many different names now, the flat design philosophy is still the basis of almost every modern web design and user interface design you'll find online.
The reason is simple: flat design is faster.
Because flat design is simple and minimal, it literally uses less data. For example, the flat "switch" image above is about half the file size of the realistic counterpart. And if you design a web page using flat principles, it will require fewer lines of code than if you create a more realistic look with gradients, shadows and so on.
Another advantage for us is that flat designs are easier and faster to modify. This was one of the principles behind this quick-to-edit landing page set we created for Thrive Architect. A flatter, simpler design means you can customize the look of a page in fewer moves.
Is Flat Design Old Fashioned?
The term "flat design" was a buzzword in web design a few years ago and has since been replaced with various new design trends, such as material design (and variations thereof) and a more recent reappearance of gradients all over the place.
However, almost every web design trend in the last few years has been a derivative of flat design. Because of the unique advantages flat design offers for websites, the basic principles of this design language are as valid now as they ever were.
The Flat 2.0 Templates
As the name implies, our new set of templates follows the flat design philosophy and adds a modern twist. The set is vibrant, attention grabbing and easy to customize.
All of these templates are available right now as landing pages in Thrive Architect for WordPress.
Note About "Conversion Content"
In the video, I mention that you can add a link to a piece of conversion content on the Flat 2.0 download page. The concept of conversion content comes from this post about the 5 types of content you should publish on your blog.
How do you like this new set of pages? Let us know by leaving a comment below!