{"id":10339,"date":"2013-10-23T08:52:28","date_gmt":"2013-10-23T15:52:28","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=10339"},"modified":"2024-03-26T06:50:02","modified_gmt":"2024-03-26T13:50:02","slug":"4-great-examples-of-flat-design-websites","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites","title":{"rendered":"4 Great Examples of Flat Design Websites"},"content":{"rendered":"<p>Flat web design is based on the idea of prioritizing functionality in a website. This means tossing out complicated design features and getting back to the basics. Easy, clean and readable screens with parallax scrolling, visual clarity and bold text.<br \/>\nFlat design has been steadily growing in popularity over the past few months and is now at a point where many of the web&acirc;&euro;&trade;s major best design sites are employing it. It&acirc;&euro;&trade;s a great way to streamline content on a website and to avoid the &acirc;&euro;&oelig;cluttered&acirc;&euro; feel that some sites can have. Flat design also makes it easy to navigate a site and also makes it more responsive.<br \/>\nHere are a few examples of awesome websites that use flat design in an effective way.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Playground_Inc\"><\/span>Playground Inc.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"http:\/\/crtv.mk\/jOOl\" target=\"_blank\" rel=\"noopener\">Playground Inc<\/a><\/p>\n<p>.&acirc;&euro;&trade;s website is a great example of using flat design to clearly and efficiently communicate information. The simple scroll down feature, black text on white background and soft-focus cover photo create a clean and readable experience.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/jOOl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10368\" alt=\"Screen Shot 2013-10-23 at 8.30.37 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051552\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp\" width=\"560\" height=\"291\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/jOOl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10369\" alt=\"Screen Shot 2013-10-23 at 8.30.27 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051622\/Screen-Shot-2013-10-23-at-8.30.27-AM-560x283-1.png.webp\" width=\"560\" height=\"283\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/jOOl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10370\" alt=\"Screen Shot 2013-10-23 at 8.30.18 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051651\/Screen-Shot-2013-10-23-at-8.30.18-AM-560x318-1.png.webp\" width=\"560\" height=\"318\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Sumall\"><\/span>Sumall<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"http:\/\/crtv.mk\/fOME\" target=\"_blank\" rel=\"noopener\">Summall<\/a><\/p>\n<p>&acirc;&euro;&trade;s site uses flat design to convey a lot of information in a neat and organized fashion. The landing page has an eye-popping graphic with a call to action. Further down the page you can find a card-like graphic that highlights the different services they offer in a pretty, uncluttered fashion. It even has float-over text for each block so you can read more at-a-glance without having to open each window.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/fOME\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10371\" alt=\"Screen Shot 2013-10-23 at 8.42.03 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051721\/Screen-Shot-2013-10-23-at-8.42.03-AM-560x300-1.png.webp\" width=\"560\" height=\"300\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/fOME\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10372\" alt=\"Screen Shot 2013-10-23 at 8.42.15 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051747\/Screen-Shot-2013-10-23-at-8.42.15-AM-560x278-1.png.webp\" width=\"560\" height=\"278\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Windows_Phone\"><\/span>Windows Phone<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"http:\/\/crtv.mk\/sMnW\" target=\"_blank\" rel=\"noopener\">Windows Phone<\/a><\/p>\n<p> puts a different spin on flat design with lots of eye-popping colors. Instead of a white background, they use vivid colors like orange and teal, along with crystal-clear scenic photos. The site packs in a lot of information but there is never more than a paragraph block of text, making it easily digestible for users.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/sMnW\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10373\" alt=\"Screen Shot 2013-10-23 at 8.44.20 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051816\/Screen-Shot-2013-10-23-at-8.44.20-AM-560x308-1.png.webp\" width=\"560\" height=\"308\"><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/sMnW\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10374\" alt=\"Screen Shot 2013-10-23 at 8.44.31 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051852\/Screen-Shot-2013-10-23-at-8.44.31-AM-560x316-1.png.webp\" width=\"560\" height=\"316\"><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mailchimp\"><\/span>Mailchimp<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nIt makes sense that a newsletter software platform would have a sleek and accessible website. <a href=\"http:\/\/crtv.mk\/dNRd\" target=\"_blank\" rel=\"noopener\">Mailchimp<\/a> uses one image, an example email template, and a few words of large, bolded text to get the job done. The menu sits neatly in the top right and each of their tertiary pages contain the same sleek design in a scroll down setup with bright images, readable charts and minimal text.\n<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/dNRd\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10375\" alt=\"Screen Shot 2013-10-23 at 8.46.11 AM\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051920\/Screen-Shot-2013-10-23-at-8.46.11-AM-560x309-1.png.webp\" width=\"560\" height=\"309\"><\/a><\/p>\n<p style=\"text-align: center\">&Acirc;&nbsp;+++++++<\/p>\n<p style=\"text-align: left\">Love these flat designed websites? Use one of these WordPress themes to make your blog, small business, or personal page really stand out.<\/p>\n<h3 style=\"text-align: center\"><span class=\"ez-toc-section\" id=\"Biggie_Flat_WordPress_Theme\"><\/span>Biggie Flat WordPress Theme<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/tMnw\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10376\" alt=\"presentation-2-f\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051950\/presentation-2-f-560x372-1.png.webp\" width=\"560\" height=\"372\"><\/a><\/p>\n<h3 style=\"text-align: center\"><span class=\"ez-toc-section\" id=\"Clearly_WordPress_Theme\"><\/span>Clearly WordPress Theme<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/cNXn\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10377\" alt=\"preview-clearly-f\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26052015\/preview-clearly-f1-560x372-1.png.webp\" width=\"560\" height=\"372\"><\/a><\/p>\n<h3 style=\"text-align: center\"><span class=\"ez-toc-section\" id=\"Banshee_Portfolio_WordPress_Theme\"><\/span>Banshee Portfolio WordPress Theme<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: center\"><a href=\"http:\/\/crtv.mk\/tMny\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-10378\" alt=\"banshee-wp-f\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26052025\/banshee-wp-f-560x365-1.jpg.webp\" width=\"560\" height=\"365\"><\/a><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flat web design is based on the idea of prioritizing functionality in a website. This means tossing out complicated design features and getting back to the basics. Easy, clean and readable screens with parallax scrolling, visual clarity and bold text. Flat design has been steadily growing in popularity over the past few months and is [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[34],"tags":[61,62,305,461,648],"topics":[],"class_list":["post-10339","post","type-post","status-publish","format-standard","hentry","category-creative-inspiration","tag-design","tag-flat","tag-web-design","tag-website","tag-flat-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>4 Great Examples of Flat Design Websites - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"4 Great Examples of Flat Design Websites\" \/>\n<meta property=\"og:description\" content=\"Flat web design is based on the idea of prioritizing functionality in a website. This means tossing out complicated design features and getting back to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2013-10-23T15:52:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T13:50:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051552\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp\" \/>\n<meta name=\"author\" content=\"maryam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"maryam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites\",\"name\":\"4 Great Examples of Flat Design Websites - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/10\\\/26051552\\\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp\",\"datePublished\":\"2013-10-23T15:52:28+00:00\",\"dateModified\":\"2024-03-26T13:50:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/c37446cfabe1d2bfdee6a548f16fd0f0\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/10\\\/26051552\\\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2013\\\/10\\\/26051552\\\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/4-great-examples-of-flat-design-websites#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"4 Great Examples of Flat Design Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"4 Great Examples of Flat Design Websites - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites","og_locale":"en_US","og_type":"article","og_title":"4 Great Examples of Flat Design Websites","og_description":"Flat web design is based on the idea of prioritizing functionality in a website. This means tossing out complicated design features and getting back to","og_url":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2013-10-23T15:52:28+00:00","article_modified_time":"2024-03-26T13:50:02+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051552\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp","type":"","width":"","height":""}],"author":"maryam","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"maryam","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites","url":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites","name":"4 Great Examples of Flat Design Websites - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051552\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp","datePublished":"2013-10-23T15:52:28+00:00","dateModified":"2024-03-26T13:50:02+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/c37446cfabe1d2bfdee6a548f16fd0f0"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051552\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2013\/10\/26051552\/Screen-Shot-2013-10-23-at-8.30.37-AM-560x291-1.png.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/4-great-examples-of-flat-design-websites#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"4 Great Examples of Flat Design Websites"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/10339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=10339"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/10339\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=10339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=10339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=10339"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=10339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}