[26-Feb-2026 00:31:13 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Warning: require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 [29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error: require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2 {"id":15330,"date":"2013-10-14T12:56:53","date_gmt":"2013-10-14T10:56:53","guid":{"rendered":"https:\/\/crazyleafdesign.com\/blog\/?p=15330"},"modified":"2018-08-16T01:29:59","modified_gmt":"2018-08-15T17:29:59","slug":"flat-design-pros-and-cons","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/flat-design-pros-and-cons\/","title":{"rendered":"Following the Crowd: Will Flat Design Suit Your Website?"},"content":{"rendered":"
Flat as a pancake is apparently all the rage these days. \u00a0The removal of any trace of drop-shadows, bevels, embossing or edgy gradients has the digital landscape looking like as smooth as an ice rink as opposed to the bumpy surface ruled by chunky buttons and skeuomorphic designs.<\/p>\n
Focus has shifted towards the usability and minimalist functionality of simple User interface and away from the chunky 3D designs popularised by the early iPhone UI\u2019s. Because of it’s simple, bold colours; open spaces and lack of eye-popping details, flat design has become a leading proponent of this new focus.<\/p>\n
Perhaps the overwhelming signifier of Flat Design\u2019s (see a good article about it here<\/a>) current popularity has been it\u2019s adoption by Apple for the iOS7 (see an article about it here<\/a>). \u00a0To be welcomed by industry leaders as influential as Apple would suggest that Flat Design is going to be around for the duration, but the question we want to ask is not based on the trends popularity, but on its suitability. \u00a0Just like you wouldn\u2019t run out and buy the latest Gucci bikini if you were living in the Antarctic, why would you use Flat Design if it is completely unsuitable to your business?<\/p>\n Flat Design is simple by nature. \u00a0The idea is to scale back your site and leave just the essentials and important features- this will allow them to stand out of the page on their own.<\/p>\n Since the design is so simple and constructed from basic shapes, the typography will often become the focal point of a Flat Design website.<\/p>\n The font style transmits a brand\u2019s identity and style. Flat Design\u2019s nature serves to make typography far more visual and increases its importance in the overall identity of the website.<\/p>\n The font should look good on a minimalistic environment, for example sans serif, and suit the website in character and tone.<\/p>\n The buttons are characterised by simple shapes without gradients lights or shadows, instead, they have a strong plain colour that highlights from the rest of the site. \u00a0Strong contrasting colours are the preferred method of distinguishing different features on the website.<\/p>\n Flat design colours can be bolder and vibrant than most other sites due to the lack of detail interrupting the color. \u00a0Colours will often be coordinated to allow for easier navigation of the site. Think pure, clean and light.<\/p>\n Geometric shapes dominate the flat design landscape due to their elegant simplicity and clean cut edges.<\/p>\n Information that doesn\u2019t have to be written in text won\u2019t be. \u00a0Clutter is a killer with flat design, so anything that can be displayed as an icon will be an icon. \u00a0Iconography becomes important as a method of keeping your site clean. \u00a0For an in-depth analysis into the what makes flat design, visit this brilliant article<\/a> by Christopher Jackson.<\/p>\n The biggest misconception amongst those looking at adopting a flatter approach to design is the belief that flat really means FLAT. Flat images, buttons, font, flat everything. The idea of being wholly flat or skeuomorphic isn\u2019t really applicable, as websites will rarely operate with a complete absence of either.<\/p>\n Flat Design is an approach that some can take too literally. Most sites can benefit from taking the best aspects of flat design and applying them in a manner that is suitable to their website. Sites using aspects of flatter design may have a geometrically designed site with minimal embossing and shadowing, but then have a large portfolio of images or a logo that doesn\u2019t completely adhere to the same flat rules, so too attempt to rigidly adhere to a flat principle will certainly limit your capabilities.<\/p>\n If you are selling a product, then your site will likely feature many product images. These images obviously aren\u2019t flat and will add a depth to your site in a manner normally avoided by flat design.<\/p>\n Its important to not let yourself get preoccupied with making everything as flat as it can be. Somethings will help your site, somethings won\u2019t. Your websites style and theme must also be reflected by your web design<\/a>. If you are a creative digital agency\u00a0in Manchester<\/a> who pride themselves on being on-trend, then sure build yourself a fancy flat design website. Take a look at this site by Nitrografix.<\/p>\n The aesthetic suits the agency to a tee. It provides uncluttered, easily navigable information for those looking to use their services and can be used to maximise their creative nature (as well as letting everyone know how trendy they are).<\/p>\n However, a flatter design aesthetic sometimes just doesn\u2019t suit the content it\u2019s trying to share. Check out the website for World of Warcraft.<\/p>\n A flat aesthetic would look out of place here. \u00a0The chunky nature of the navigational tools and the images is suited to the arcane and medieval features of the game. \u00a0To depart from this towards a new flatter aesthetic would disconnect the site from the product it is promoting and simply isn\u2019t relevant.<\/p>\n Before considering an alteration or redesign of your site, it is important to first consider the relevance of a flatter aesthetic. \u00a0Will it suit your content? \u00a0Does it suit your product? Can you implement it without distancing yourself from your consumer and your company image? \u00a0More importantly perhaps is can you apply flat design to your site in a way that is beneficial? \u00a0Just like any medium of design, a flatter aesthetic can be misused and damage your site as opposed to refresh it. \u00a0It is important to remember that good design should always transcend trend, so every change you make should be carefully considered before you go jumping on the bandwagon.<\/p>\n We\u2019ve put together a loose guide to help you judge whether or not Flat Design is the right option for your business\u2019 website. \u00a0This isn\u2019t intended to be an exacting guide as everyone will have different needs, but some of these points should be seriously considered before making your decision.<\/p>\n Go for it if :<\/p>\n Stay chunky if :<\/p>\n Your website is essentially the vehicle for your companies online presence. \u00a0Avoid suffering from a \u2018flat\u2019 tyre when it comes to redesigning your website.<\/p>\n Proponents of a \u2018flatter\u2019 approach often wax lyrical about the improving \u2018technical literacy\u2019 of the global population. With digital competency at an all time, high followers of a flatter style will denounce the need for whimsical buttons and features that still aim to directly reflect a real world counterpart. In some ways they are right. Give anyone an iPhone or direct them to a website and they will likely be navigating their way around in seconds. Yet, the question of usability still arises. Humanity\u2019s click and close approach to the web still requires that websites are overtly obvious in what they offer and how you navigate around the site. Does flat design limit these capabilities? Almost certainly if misused.<\/p>\n Flat design does however adhere itself to another growing trend in the digital world. Responsive web design is quickly gaining steam, and is perhaps now much preferred over having a standalone mobile site counterpart. Flat design naturally lends itself to responsive web development, with its light page weight, geometric planning and simpler designs easing the progression for a responsive site.<\/p>\n At the end of the day, this sudden preference for flatter features has been prompted by the adoption of flatter aesthetics by a number of global leaders and, understandably, a lot of the world has followed. What must be remembered is that trend is cyclical, and like all design trends, flat design will eventually decline in popularity. There are aspects of flat design that really lend themselves to improved functionality but it is still not a universally suitable style for all. Carefully consider your real needs for your website. If a flatter look will lead towards better functionality for your website then the decision is commendable, if you are forcing it upon an audience that is unreceptive or onto a site that it doesn\u2019t suit, flat design is just a fleeting fad that will soon pass you by.<\/p>\n","protected":false},"excerpt":{"rendered":" Flat as a pancake is apparently all the rage these days. \u00a0The removal of any trace of drop-shadows, bevels, embossing or edgy gradients has the digital landscape looking like as smooth as an ice rink as opposed to the bumpy surface ruled by chunky buttons and skeuomorphic designs. More<\/a><\/p>\n","protected":false},"author":228,"featured_media":20981,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[59],"tags":[],"adace-sponsor":[],"class_list":{"0":"post-15330","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-design"},"acf":[],"yoast_head":"\n
<\/p>\nRecognising a Flat Design website<\/h2>\n
Minimalist style<\/h3>\n
Fonts<\/h3>\n
Button style<\/h3>\n
Colours<\/h3>\n
Shapes<\/h3>\n
Icons<\/h3>\n
Should I go \u2018flat out\u2019?<\/h2>\n
<\/p>\n
<\/p>\nHow do I know if my site suitable for the rolling pin approach?<\/h2>\n
\n
\n
Don\u2019t let your web design leave you feeling flat<\/h2>\n
\n
Conclusion: Is the world back to thinking flat?<\/h2>\n
<\/p>\n