{"id":15393,"date":"2014-07-22T06:00:14","date_gmt":"2014-07-22T13:00:14","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=15393"},"modified":"2024-03-28T05:26:44","modified_gmt":"2024-03-28T12:26:44","slug":"learn-web-design-simpler-is-better","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better","title":{"rendered":"Learn Web Design: Simpler is Better"},"content":{"rendered":"<p>Welcome back to our series on learning to be a web designer. Remember from last time that we&#8217;re not talking about code, like HTML and CSS, but the foundational principles of design. Simple lessons that will improve your ability to create an aesthetically pleasing end product for your clients.<br \/>\nToday we&#8217;re launching into our first important principle: simpler is better. This sounds so basic, right? It&#8217;s something that you probably already instinctively know, but you need to learn how to apply it in a real-world design situation. Let&#8217;s jump right in and see how it&#8217;s done with our first project.<br \/>\n<em>Be sure to check out our first post in this series: <a href=\"http:\/\/crtv.mk\/ebVS\">3 Common Misconceptions About Design<\/a><\/em><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Video\"><\/span>Video<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><iframe loading=\"lazy\" width=\"680\" height=\"383\" src=\"\/\/www.youtube.com\/embed\/AASd5ewKNSw?rel=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Class_Banner\"><\/span>Class Banner<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nLet&#8217;s imagine that you were given the task of creating a simple web banner for a free photography class at a local high school or college. No buttons, links, or crazy responsive design necessary, just a simple static layout.<br \/>\nWhere would you begin? Typically, the first step would be to find out everything you need to know about the class: who it&#8217;s for, when it is, where it&#8217;s being held, that type of thing. Once you&#8217;ve got this information, you&#8217;d probably toss a nice little paragraph onto your page, like this:<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031916\/photoclass-1.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nWe&#8217;re off to a good start, but everyone knows you need a picture to get people&#8217;s attention! At this point, most people do the same thing: they turn to Google images and find a crappy piece of clipart. If it was good enough for 1993, it&#8217;s good enough for us!<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031919\/photoclass-2.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nNow we&#8217;re really cooking. We need one final touch to make this thing work though: a nice, attention-grabbing headline. At this point, the average person would look through the default fonts on their computer for ten minutes, and invariably decide that Comic Sans is the best possible choice.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031923\/photoclass-3.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nThere we have it, our web banner is complete! Ain&#8217;t she a beauty?\n<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Better_Resources_Better_Design\"><\/span>Better Resources, Better Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nTo be fair, this banner probably gets the job done. That being said, it&#8217;s no where near as good as it could be. As a sidebar to our main lesson about simplifying, let&#8217;s take a minute to talk about proper inputs.<br \/>\nA design is only as good as what you put into it, and in this case, we&#8217;ve put in a terrible piece of clipart and the most clich&Atilde;&copy;, ugly font choice known to man. What if we actually took the time to find a great photo, like <a href=\"http:\/\/crtv.mk\/qbXu\">this one<\/a> from Creative Market?<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031927\/photoclass-4.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nWith that one change, we&#8217;ve made a lot of progress. Let&#8217;s take things even further and swap out our headline font. I realize that you won&#8217;t have a high end design budget for every project, so to compromise, I&#8217;ll use <a href=\"http:\/\/www.dafont.com\/bebas.font\">a completely free font<\/a>.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031931\/photoclass-5.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nYou can find great, free design resources all over the web if you know where to look. In fact, we give away <a href=\"https:\/\/creativemarket.com\/free-goods\">six amazing free goods<\/a> every single week right here at Creative Market.<br \/>\nDoesn&#8217;t that look a lot better?\n<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Simpler_is_Better\"><\/span>Simpler is Better<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nWhen I look at the banner we just created, I think it&#8217;s decent, but it doesn&#8217;t really look like it was created by a professional designer. Why not? What would a professional designer do that we haven&#8217;t?<br \/>\nAs it turns out, we can improve this design pretty dramatically not only aesthetically, but from a messaging perspective. In our <a href=\"https:\/\/creativemarket.com\/blog\/learn-web-design-3-common-misconceptions\">last post,<\/a> we talked about how good design always looks to achieve a set of goals. Here, our goal is to tell people about this free photography class while knowing that, at best, someone might stop and look at it for a three to five seconds.<br \/>\nThree seconds is not a lot of time! Our paragraph of copy is not conducive to this goal, so we might need to rethink it. Before we do though, let&#8217;s work on this layout a bit.\n<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Awkward_Whitespace\"><\/span>Awkward Whitespace<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNow, any good designer will tell you that whitespace is your friend. In fact, minimal, airy designs are very much on trend at the moment. That being said, structuring your whitespace is a bit of an art form. In our current design, we have lots of awkward, wasted space that could be much better utilized.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031935\/photoclass-16.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nThe really interesting thing about whitespace is that it&#8217;s not always white! We can have a fairly minimal design while still utilizing the entire canvas. Let&#8217;s give this a shot and scale that photo way up to take up the entire available background space.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031938\/photoclass-7.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nOur original version was a little bit deceptive in its attempt at simplicity. Sure, it was just three items center-aligned in the middle of the page, but all that trapped, awkward whitespace made for a cluttered arrangement of objects. By maximizing the photo on our canvas, we simplify the layout dramatically while making a much more powerful visual statement.\n<\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Headline\"><\/span>The Headline<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNotice how I didn&#8217;t simply scale the image up, I&#8217;ve also very selectively cropped it so that the camera occupies the bottom right corner, leaving lots of empty whitespace at the top left for copy.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031942\/photoclass-8.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nWith all this nice, available copy space, we can drop in the same headline that we created in our last version.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031946\/photoclass-9.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\n<strong>Tip:<\/strong> Astute observers will notice that I darkened the background image slightly to help the white text stand out. Contrast is an <em>extremely<\/em> important design principle that we&#8217;ll cover in more detail down the road.\n<\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_Paragraph\"><\/span>The Paragraph<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nThe final step is to drop in our paragraph text. In theory, we could use the paragraph in its current form:<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031951\/photoclass-10.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nThis looks decent, but if we focus on our goal of quick communication, and apply our design principle that simpler is better, we can do a lot better!<br \/>\nAs designers, it&#8217;s not only our job to make the visuals attractive. We&#8217;re tasked with making the entire package as user-friendly as possible. When you have the freedom to do so, this even applies to simplifying the messaging in a design.<br \/>\nIf we read through that paragraph that we wrote earlier, we can easily pick out all the most important information:<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031954\/photoclass-12.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nIn the spirit of simplicity, let&#8217;s pull this information out and ditch the rest. We&#8217;ll also solve our messy text alignment issues by using a strong left alignment.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031957\/photoclass-11.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nLook how much better this is! We may have lost a bit of the original personality of the text, but we&#8217;ve simplified the messaging so much that it&#8217;s definitely worth it. This truly fulfills our original goal of something that can be read and understood in only a few seconds.\n<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Going_Further\"><\/span>Going Further<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nBefore we close out this lesson, let&#8217;s make one last tweak. One very popular technique that designers use to create a quick read is to replace words with images. If done tactfully, you can use imagery to further simplify your messaging while increasing the aesthetic appeal of your design. We&#8217;ll use a <a href=\"http:\/\/crtv.mk\/rbUm\">nice, minimal icon set<\/a> to achieve this goal:<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28032001\/photoclass-13.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\"><br \/>\nI think the icons really finish off the design nicely. We&#8217;ve cut our word count down to around a third of what it was to start without losing any of the important communication points. Now that&#8217;s progress!\n<\/p>\n<h2><span class=\"ez-toc-section\" id=\"All_Done\"><\/span>All Done!<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nLooking back over our various iterations of the design, you can see how we started with a basic idea and kept chipping away at it until we arrived at something that was both attractive and simple while meeting the goals we set out for the project. This is the design process in a nutshell.<br \/>\n<img decoding=\"async\" src=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28032005\/photoclass-15.jpg.webp\" alt=\"photo banner\" width=\"680\" class=\"alignnone size-full wp-image-14943\">\n<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Be_Careful\"><\/span>Be Careful<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nJust like any design principle, the idea that &#8220;simpler is better&#8221; is one that you&#8217;ll have to wield carefully. Obviously, there&#8217;s a point of diminishing returns where any further simplification will actually make the design worse. As a designer, it&#8217;s your job to identify that point and make sure your work doesn&#8217;t cross it.<br \/>\nAlso keep in mind that <strong>rules are made to be broken<\/strong>. A good designer knows how to use core design principles to improve a design, and how to intentionally discard the rules to achieve an interesting and attractive result. Some really complex designs can be fantastic, but it takes a highly skilled designer to pull this off. When in doubt, go simple.\n<\/p>\n<h2><span class=\"ez-toc-section\" id=\"More_to_Come\"><\/span>More to Come<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nThanks for checking out our series on learning to be a designer. Check back soon for more foundational principles that will teach you to design with confidence. In the mean time, feel free to share any insight and tips you have in the comments below. We&#8217;d love to hear from you.\n  <\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome back to our series on learning to be a web designer. Remember from last time that we&#8217;re not talking about code, like HTML and CSS, but the foundational principles of design. Simple lessons that will improve your ability to create an aesthetically pleasing end product for your clients. Today we&#8217;re launching into our first [&hellip;]<\/p>\n","protected":false},"author":57,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[74],"tags":[61,95,305,776],"topics":[],"class_list":["post-15393","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-design","tag-how-to-2","tag-web-design","tag-basics"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.7 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Learn Web Design: Simpler is Better - 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\/learn-web-design-simpler-is-better\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn Web Design: Simpler is Better\" \/>\n<meta property=\"og:description\" content=\"Welcome back to our series on learning to be a web designer. Remember from last time that we&#039;re not talking about code, like HTML and CSS, but the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better\" \/>\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=\"2014-07-22T13:00:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-28T12:26:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031916\/photoclass-1.jpg.webp\" \/>\n<meta name=\"author\" content=\"Creative Market\" \/>\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=\"Creative Market\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better\",\"name\":\"Learn Web Design: Simpler is Better - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/07\\\/28031916\\\/photoclass-1.jpg.webp\",\"datePublished\":\"2014-07-22T13:00:14+00:00\",\"dateModified\":\"2024-03-28T12:26:44+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/d6927fab89f28e3dd8f6bb7b36219d66\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/07\\\/28031916\\\/photoclass-1.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2014\\\/07\\\/28031916\\\/photoclass-1.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/learn-web-design-simpler-is-better#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn Web Design: Simpler is Better\"}]},{\"@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":"Learn Web Design: Simpler is Better - 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\/learn-web-design-simpler-is-better","og_locale":"en_US","og_type":"article","og_title":"Learn Web Design: Simpler is Better","og_description":"Welcome back to our series on learning to be a web designer. Remember from last time that we're not talking about code, like HTML and CSS, but the","og_url":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2014-07-22T13:00:14+00:00","article_modified_time":"2024-03-28T12:26:44+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031916\/photoclass-1.jpg.webp","type":"","width":"","height":""}],"author":"Creative Market","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Creative Market","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better","url":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better","name":"Learn Web Design: Simpler is Better - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031916\/photoclass-1.jpg.webp","datePublished":"2014-07-22T13:00:14+00:00","dateModified":"2024-03-28T12:26:44+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/d6927fab89f28e3dd8f6bb7b36219d66"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031916\/photoclass-1.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2014\/07\/28031916\/photoclass-1.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/learn-web-design-simpler-is-better#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Learn Web Design: Simpler is Better"}]},{"@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\/15393","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\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=15393"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/15393\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=15393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=15393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=15393"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=15393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}