{"id":13480,"date":"2016-03-28T20:47:26","date_gmt":"2016-03-29T04:47:26","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=13480"},"modified":"2020-04-22T06:37:03","modified_gmt":"2020-04-22T13:37:03","slug":"web-design-best-practices-grab-attention-with-minimalism","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/","title":{"rendered":"Web Design Best Practices: Grab Attention With Minimalism"},"content":{"rendered":"

Designers use hierarchy to express relationships in the same way royalty does. <\/span><\/p>\n

Just like a king is higher-ranking than a prince, an H1 section should look higher-ranking than an H2 or H3 section. Of course, you\u2019ll need to edit elements like font sizes and styles \u2014 but white space can also help forge a bond between different headers or paragraph text.<\/span><\/p>\n

Hierarchy is what makes content easier to understand.<\/span><\/p>\n

In this piece, we\u2019ll explore the relationship between distance and attention, and explain how to use it to create an aesthetic design.<\/span><\/p>\n

Larger Distance Forces Attention<\/span><\/h2>\n

When you place more distance between page elements, you remove “stuff” that gets in the way. You can always use space to your advantage because it\u2019s not directly noticeable to most visitors. What stands out most is the content, so if you leave space between content, then only the content will draw attention.<\/span><\/p>\n

When in doubt, it\u2019s often best to add more white space rather than less. Many websites suffer from cramming too much information together without enough breathing room. But this is just a general rule and shouldn\u2019t be taken as gospel. Like we described in<\/span> Interaction Design Best Practices<\/span><\/a>, excessive white space weakens your hierarchy by dissolving the relationships between elements.<\/span><\/p>\n

Correct spatial proportions are only correct in context. What looks good on one layout may not look great on another. As recommended in the free guide <\/span>Web UI Best Practices<\/span><\/a>, a delicate balance of space must be learned through practice and the study of existing website layouts.<\/span><\/p>\n

\"image07\"<\/p>\n

Source:<\/span> Apple<\/span><\/a><\/p>\n

Take a look at the<\/span> Apple iMac website<\/span><\/a>. Many designers swoon over Apple\u2019s trademark simplicity expressed through all their products (including the human interface philosophies behind<\/span> iOS<\/span><\/a> and\u00a0<\/span>OS X<\/span><\/a>). There\u2019s no doubt that Apple\u2019s main website also uses simplicity and white space to emphasize what\u2019s most important: the content!<\/span><\/p>\n

Heading text and graphics are supersized to occupy a vast majority of the page. As you scroll down, take note that other areas of the page use smaller blocks of text which are still clearly readable from a distance. The use of more space between lines of text makes it easier to skim content and keep scrolling without taking 2-3 minutes to read each section.<\/span><\/p>\n

\"image04\"<\/p>\n

Source:<\/span> Apple<\/span><\/a><\/p>\n

If you quickly scroll down the page you\u2019ll notice a continual pattern. Each section uses an image and a block of text floating next to each other. But this pattern alternates with images on the right, then the left, and back to the right again. It\u2019s a pattern of symmetry that makes the space feel more inviting and relaxed.<\/span><\/p>\n

You can find another example on the homepage for<\/span> Wunderlist<\/span><\/a>. Some of the content is spaced towards the center while other areas use a floating effect.<\/span><\/p>\n

\"image00\"<\/p>\n

Source:<\/span> Wunderlist<\/span><\/a><\/p>\n

The Wunderlist top navigation is actually very small compared to most of the page content. Links are squeezed up into the top navigation bar while content sections are given wide open pastures of white space. This type of hierarchical design structure provides visual clues as to which areas of the page should draw attention.<\/span><\/p>\n

\"image02\"<\/p>\n

Source:<\/span> Wunderlist<\/span><\/a><\/p>\n

At the very bottom of the page, Wunderlist places a series of 12 basic icons located above small blocks of text describing product features. The contrast created by dark text and white background draws your eyes to the content. Once you focus on the content, the symmetrical spacing between all 12 \u201cblocks\u201d creates a sense of unity. As a result, the whole section feels like one big connected area.<\/span><\/p>\n

However, if you look internally, you\u2019ll also notice that each icon & block of text still feels like one individual “item.” Everything remains connected thanks to symmetrical spacing while the icons add individual appeal to each \u201citem.\u201d The reduced spacing between icons and bolded text (like the mailbox and \u201cMail to Wunderlist\u201d) strengthens the content with<\/span> visual metaphors<\/span><\/a>. As a result, visitors only need to skim these features to understand the gist of the whole section.<\/span><\/p>\n

The Beauty of White Space<\/span><\/h2>\n

Although white space is often considered a technique for improving UX and usability, it can also be used for aesthetic purposes. Many websites incorporate white space as part of the design style because it flows well and reflects the brand accurately.<\/span><\/p>\n

Most layouts that benefit from aesthetic white space are designed to focus solely on content without any distractions. Content may be concise as with minimalist layouts, or it could be lengthy and detailed. Eccentric use of white space as a design feature creates a lofty, spacious atmosphere that resonates over the entire website.<\/span><\/p>\n

\"image05\"<\/p>\n

Source:<\/span> Marie Laurent<\/span><\/a><\/p>\n

Take a look at the portfolio website of<\/span> Marie Laurent<\/span><\/a>. Her homepage uses a minimalist design style with flat colors, generic typography, and plenty of white space. The layout is built around content sections that draw your attention almost immediately.<\/span>
\nNotice how most of the homepage is taken up by her design work. The actual portfolio examples are the most vital component and therefore should draw the most attention. In the content areas, white space separates text, buttons, and navigation links.<\/span><\/p>\n

\"image03\"<\/p>\n

Source:<\/span> Grace Coote<\/span><\/a><\/p>\n

Aesthetic white space also plays a strong role in single-page layouts. Websites like<\/span> Grace Coote<\/span><\/a> use excessive white space to balance content sections. All of the website\u2019s content can be found on the homepage, so the design uses extra white space to cultivate distance.<\/span><\/p>\n

Extra space alleviates the amount of content displayed onscreen at any given moment. Since users won\u2019t be navigating to other pages (it is a single page design, after all), there is no harm in using a slightly longer scrollbar. The best part about Grace Coote\u2019s layout is the overall balance. Even though it\u2019s only a single page, it feels very modern and easy to use without lacking content or design features.<\/span><\/p>\n

\"image06\"<\/p>\n

Source:<\/span> peeq App<\/span><\/a><\/p>\n

The landing page for<\/span> peeq App<\/span><\/a> is another single-page layout with minimalist design qualities. Everything about this design screams white space. Typography, imagery, and buttons stand out against the barren background design.<\/span><\/p>\n

However, the site feels anything but empty. \u00a0<\/span><\/p>\n

Instead, the content takes center stage and feels easily accessible. In this sense, enhancing the aesthetics also improves the usability since the principles of emotional design state that<\/span> attractive things feel like they work better<\/span><\/a>. The site design highlights the bright colors without \u00a0distracting from the clear headline or \u201cGet peeq App\u201d call to action.<\/span><\/p>\n

Takeaway<\/span><\/h2>\n

Content hierarchy is not solely built on negative space. Space is a vital piece of the puzzle, but other design fundamentals are required to truly incorporate a visual hierarchy. These fundamentals include colors, font choices and typography, similarity and contrast, and graphics placed within the content.<\/span><\/p>\n

The space found between everything is what dictates relationships and balance. <\/span>When first creating a new mockup<\/span><\/a>, you will probably struggle for a little while unless you\u2019re already an experienced designer.<\/span><\/p>\n

Truly internalizing how much white space should be used to create a visual hierarchy requires practice, which means it requires failure. Messing up is a big part of the learning process and the more you design, the more you\u2019ll learn. <\/span><\/p>\n

You can learn more actionable design techniques in the free <\/span>Web Design Trends 2016 ebook<\/span><\/a>. The 185-page guide explains 10 best practices in great detail. You\u2019ll find 165 analyzed examples from today\u2019s top companies.<\/span><\/p>\n

\"ux-pin-ebook-trends\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Know how to design intuitive visual hierarchies with minimalism. <\/p>\n","protected":false},"author":86,"featured_media":13489,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4,6,7],"tags":[],"class_list":["post-13480","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-ui-design","category-ux-design","category-web-design"],"yoast_title":"","yoast_metadesc":"Know how to design intuitive visual hierarchies with minimalism.","acf":[],"yoast_head":"\nWeb Design Best Practices: Grab Attention With Minimalism | UXPin<\/title>\n<meta name=\"description\" content=\"Know how to design intuitive visual hierarchies with minimalism.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design Best Practices: Grab Attention With Minimalism\" \/>\n<meta property=\"og:description\" content=\"Know how to design intuitive visual hierarchies with minimalism.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-29T04:47:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T13:37:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/trefecta-website.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1423\" \/>\n\t<meta property=\"og:image:height\" content=\"669\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/5798b490d432fdc648f644ff232cb79e\"},\"headline\":\"Web Design Best Practices: Grab Attention With Minimalism\",\"datePublished\":\"2016-03-29T04:47:26+00:00\",\"dateModified\":\"2020-04-22T13:37:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/\"},\"wordCount\":1234,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/trefecta-website.jpg\",\"articleSection\":[\"Blog\",\"UI Design\",\"UX Design\",\"Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/\",\"name\":\"Web Design Best Practices: Grab Attention With Minimalism | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/trefecta-website.jpg\",\"datePublished\":\"2016-03-29T04:47:26+00:00\",\"dateModified\":\"2020-04-22T13:37:03+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/5798b490d432fdc648f644ff232cb79e\"},\"description\":\"Know how to design intuitive visual hierarchies with minimalism.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/trefecta-website.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/trefecta-website.jpg\",\"width\":1423,\"height\":669,\"caption\":\"trefecta website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/web-design-best-practices-grab-attention-with-minimalism\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design Best Practices: Grab Attention With Minimalism\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/5798b490d432fdc648f644ff232cb79e\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with a focus on interface design for the web. He often writes about W3C specs and the newest trends in web design.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jake-rocheleau\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Design Best Practices: Grab Attention With Minimalism | UXPin","description":"Know how to design intuitive visual hierarchies with minimalism.","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:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/","og_locale":"en_US","og_type":"article","og_title":"Web Design Best Practices: Grab Attention With Minimalism","og_description":"Know how to design intuitive visual hierarchies with minimalism.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/","og_site_name":"Studio by UXPin","article_published_time":"2016-03-29T04:47:26+00:00","article_modified_time":"2020-04-22T13:37:03+00:00","og_image":[{"width":1423,"height":669,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/trefecta-website.jpg","type":"image\/jpeg"}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/5798b490d432fdc648f644ff232cb79e"},"headline":"Web Design Best Practices: Grab Attention With Minimalism","datePublished":"2016-03-29T04:47:26+00:00","dateModified":"2020-04-22T13:37:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/"},"wordCount":1234,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/trefecta-website.jpg","articleSection":["Blog","UI Design","UX Design","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/","name":"Web Design Best Practices: Grab Attention With Minimalism | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/trefecta-website.jpg","datePublished":"2016-03-29T04:47:26+00:00","dateModified":"2020-04-22T13:37:03+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/5798b490d432fdc648f644ff232cb79e"},"description":"Know how to design intuitive visual hierarchies with minimalism.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/trefecta-website.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/03\/trefecta-website.jpg","width":1423,"height":669,"caption":"trefecta website"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/web-design-best-practices-grab-attention-with-minimalism\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"Web Design Best Practices: Grab Attention With Minimalism"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/5798b490d432fdc648f644ff232cb79e","name":"Jake Rocheleau","description":"Jake is a writer and designer with a focus on interface design for the web. He often writes about W3C specs and the newest trends in web design.","url":"https:\/\/www.uxpin.com\/studio\/author\/jake-rocheleau\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/13480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=13480"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/13480\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/13489"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=13480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=13480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=13480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}