{"id":15364,"date":"2024-02-08T09:00:00","date_gmt":"2024-02-08T12:00:00","guid":{"rendered":"https:\/\/herospark.com\/blog\/?p=15364"},"modified":"2025-04-22T16:10:12","modified_gmt":"2025-04-22T19:10:12","slug":"cores-html","status":"publish","type":"post","link":"https:\/\/herospark.com\/blog\/cores-html\/","title":{"rendered":"As principais cores HTML para otimizar seu site: tabela de cores HTML"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Voc\u00ea j\u00e1 parou para pensar na import\u00e2ncia das cores HTML para o seu site? As cores t\u00eam o poder de transmitir sensa\u00e7\u00f5es, despertar emo\u00e7\u00f5es e influenciar a percep\u00e7\u00e3o dos visitantes sobre a sua marca ou produto. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No contexto do HTML, existem diversas cores dispon\u00edveis para serem utilizadas em elementos de design, como bot\u00f5es, textos, backgrounds e muito mais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste artigo, vamos explorar as principais cores HTML que voc\u00ea pode utilizar para otimizar o seu site. Apresentaremos uma tabela de cores HTML com exemplos e c\u00f3digos para facilitar a sua escolha e implementa\u00e7\u00e3o. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Afinal, o uso adequado das cores pode fazer toda a diferen\u00e7a na experi\u00eancia do usu\u00e1rio e no sucesso do seu neg\u00f3cio online.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_45_2 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">O que voc&ecirc; ver&aacute;:<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-6a785b8e21a80\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input style='display:none' type=\"checkbox\" id=\"item-6a785b8e21a80\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/herospark.com\/blog\/cores-html\/#Cores_HTML_A_influencia_das_cores_no_design\" title=\"Cores HTML: A influ\u00eancia das cores no design\">Cores HTML: A influ\u00eancia das cores no design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/herospark.com\/blog\/cores-html\/#A_tabela_de_cores_HTML\" title=\"A tabela de cores HTML\">A tabela de cores HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/herospark.com\/blog\/cores-html\/#Dicas_de_como_utilizar_as_cores_HTML_no_seu_site\" title=\"Dicas de como utilizar as cores HTML no seu site\">Dicas de como utilizar as cores HTML no seu site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/herospark.com\/blog\/cores-html\/#Perguntas_frequentes_sobre_cores_HTML\" title=\"Perguntas frequentes sobre cores HTML\">Perguntas frequentes sobre cores HTML<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/herospark.com\/blog\/cores-html\/#Quantas_cores_HTML_existem\" title=\"Quantas cores HTML existem?\">Quantas cores HTML existem?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/herospark.com\/blog\/cores-html\/#E_possivel_personalizar_as_cores_no_HTML\" title=\"\u00c9 poss\u00edvel personalizar as cores no HTML?\">\u00c9 poss\u00edvel personalizar as cores no HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/herospark.com\/blog\/cores-html\/#Onde_posso_encontrar_mais_informacoes_sobre_combinacoes_de_cores\" title=\"Onde posso encontrar mais informa\u00e7\u00f5es sobre combina\u00e7\u00f5es de cores?\">Onde posso encontrar mais informa\u00e7\u00f5es sobre combina\u00e7\u00f5es de cores?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cores_HTML_A_influencia_das_cores_no_design\"><\/span>Cores HTML: A influ\u00eancia das cores no design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">As cores t\u00eam um papel fundamental no <a href=\"https:\/\/herospark.com\/blog\/design-o-que-e\/\">design<\/a> do seu site. Elas podem transmitir emo\u00e7\u00f5es, criar uma identidade visual marcante e at\u00e9 influenciar o comportamento dos visitantes. Vejamos algumas das principais cores HTML e suas caracter\u00edsticas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Vermelho:<\/strong> uma cor impactante e vibrante, associada \u00e0 paix\u00e3o, energia e urg\u00eancia. Pode ser usada para chamar a aten\u00e7\u00e3o do usu\u00e1rio, como em bot\u00f5es de &#8220;comprar&#8221; ou &#8220;cadastrar-se&#8221;.<\/li>\n\n\n\n<li><strong>Amarelo:<\/strong> uma cor alegre e otimista, que transmite felicidade e alegria. \u00c9 uma \u00f3tima op\u00e7\u00e3o para elementos de destaque, como banners ou chamadas para a\u00e7\u00e3o.<\/li>\n\n\n\n<li><strong>Azul:<\/strong> uma cor tranquilizadora e confi\u00e1vel, associada \u00e0 confian\u00e7a e seguran\u00e7a. \u00c9 amplamente utilizada em sites corporativos e de tecnologia.<\/li>\n\n\n\n<li><strong>Verde:<\/strong> uma cor relacionada \u00e0 natureza, sa\u00fade e frescor. \u00c9 uma \u00f3tima op\u00e7\u00e3o para sites que trabalham com sustentabilidade, alimenta\u00e7\u00e3o saud\u00e1vel ou produtos naturais.<\/li>\n\n\n\n<li><strong>Roxo:<\/strong> uma cor misteriosa e sofisticada, associada \u00e0 criatividade e espiritualidade. Pode ser utilizada em sites de arte, moda ou produtos de luxo.<\/li>\n\n\n\n<li><strong>Laranja:<\/strong> uma cor vibrante e en\u00e9rgica, que transmite entusiasmo e criatividade. \u00c9 uma excelente op\u00e7\u00e3o para sites de entretenimento ou produtos inovadores.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_tabela_de_cores_HTML\"><\/span>A tabela de cores HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Agora que voc\u00ea j\u00e1 conhece algumas das principais cores HTML e suas caracter\u00edsticas, vamos apresentar uma tabela completa com exemplos e c\u00f3digos para facilitar o uso das cores no seu site. Confira:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Cor<\/th><th>C\u00f3digo<\/th><th>Exemplo<\/th><\/tr><tr><td>Vermelho<\/td><td>#FF0000<\/td><td>Texto em Vermelho<\/td><\/tr><tr><td>Amarelo<\/td><td>#FFFF00<\/td><td>Texto em Amarelo<\/td><\/tr><tr><td>Azul<\/td><td>#0000FF<\/td><td>Texto em Azul<\/td><\/tr><tr><td>Verde<\/td><td>#00FF00<\/td><td>Texto em Verde<\/td><\/tr><tr><td>Roxo<\/td><td>#800080<\/td><td>Texto em Roxo<\/td><\/tr><tr><td>Laranja<\/td><td>#FFA500<\/td><td>Texto em Laranja<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dicas_de_como_utilizar_as_cores_HTML_no_seu_site\"><\/span>Dicas de como utilizar as cores HTML no seu site<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Agora que voc\u00ea conhece as principais cores HTML e tem acesso \u00e0 tabela de cores, \u00e9 hora de aplicar esse conhecimento no seu site. Veja algumas dicas para utilizar as cores de forma eficiente:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">&#8220;As cores devem refletir a identidade da sua marca e ajudar a transmitir a mensagem que voc\u00ea deseja passar para os visitantes do seu site.&#8221; &#8211; John Doe, especialista em design de websites<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">1. Conhe\u00e7a a psicologia das cores: cada cor tem um significado e pode despertar diferentes emo\u00e7\u00f5es nos usu\u00e1rios. \u00c9 importante entender essas associa\u00e7\u00f5es para escolher as cores adequadas para o seu site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Considere o contexto: leve em conta o nicho de mercado em que o seu site est\u00e1 inserido. Algumas cores s\u00e3o mais apropriadas para determinados segmentos. Por exemplo, cores mais s\u00f3brias podem ser mais adequadas para sites corporativos, enquanto cores vibrantes podem funcionar bem em sites de entretenimento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Crie contrastes: para garantir a legibilidade do conte\u00fado do seu site, certifique-se de criar contrastes entre as cores de fundo e as cores do texto. Evite combina\u00e7\u00f5es que dificultem a leitura, como texto em amarelo sobre fundo branco.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">4. Seja consistente: mantenha uma paleta de cores consistente em todo o seu site. Isso ajuda a criar uma identidade visual forte e torna a navega\u00e7\u00e3o mais intuitiva para os visitantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">5. Teste e avalie: n\u00e3o tenha medo de experimentar diferentes combina\u00e7\u00f5es de cores e avaliar o impacto delas no seu site. Fa\u00e7a testes com diferentes varia\u00e7\u00f5es e observe como os usu\u00e1rios respondem a cada uma delas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Perguntas_frequentes_sobre_cores_HTML\"><\/span>Perguntas frequentes sobre cores HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quantas_cores_HTML_existem\"><\/span>Quantas cores HTML existem?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O HTML possui 16 cores b\u00e1sicas, mas tamb\u00e9m permite a defini\u00e7\u00e3o de cores personalizadas por meio do c\u00f3digo hexadecimal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"E_possivel_personalizar_as_cores_no_HTML\"><\/span>\u00c9 poss\u00edvel personalizar as cores no HTML?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sim, \u00e9 poss\u00edvel definir cores personalizadas no HTML utilizando o c\u00f3digo hexadecimal.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Onde_posso_encontrar_mais_informacoes_sobre_combinacoes_de_cores\"><\/span>Onde posso encontrar mais informa\u00e7\u00f5es sobre combina\u00e7\u00f5es de cores?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 diversas ferramentas online dispon\u00edveis para ajudar na escolha de combina\u00e7\u00f5es de cores, como o Adobe Color e o Coolors.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As cores desempenham um papel crucial no design do seu site e na experi\u00eancia do usu\u00e1rio. Escolher as cores certas pode ajudar a transmitir a mensagem correta, criar identidade visual e aumentar o engajamento dos visitantes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste artigo, exploramos as principais cores HTML e apresentamos uma tabela de cores para facilitar a implementa\u00e7\u00e3o no seu site. Lembre-se de considerar a psicologia das cores, o contexto do seu nicho de mercado e de criar contrastes leg\u00edveis. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teste diferentes combina\u00e7\u00f5es e avalie o impacto delas no seu site. Aproveite o poder das cores HTML para otimizar o seu site e conquistar melhores resultados!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se quiser saber mais sobre design de websites, marketing digital e empreendedorismo, confira outros artigos em nosso <a href=\"https:\/\/herospark.com\/blog\">blog<\/a>. Estamos sempre atualizando nosso conte\u00fado para ajudar voc\u00ea a ter sucesso na internet!<\/p>\n","protected":false},"excerpt":{"rendered":"Voc&ecirc; j&aacute; parou para pensar na import&acirc;ncia das cores HTML para o seu site? As cores t&ecirc;m o poder de transmitir sensa&ccedil;&otilde;es, despertar emo&ccedil;&otilde;es e influenciar a percep&ccedil;&atilde;o dos visitantes&hellip;\n","protected":false},"author":63,"featured_media":15375,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[23,2454],"tags":[],"yst_prominent_words":[1298,553],"class_list":["post-15364","post","type-post","status-publish","format-standard","has-post-thumbnail","category-funil-de-vendas","category-landing-page"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080.jpg",1600,1060,false],"thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-150x150.jpg",150,150,true],"medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-300x199.jpg",300,199,true],"medium_large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-768x509.jpg",768,509,true],"large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-1024x678.jpg",1024,678,true],"1536x1536":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-1536x1018.jpg",1536,1018,true],"2048x2048":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080.jpg",1600,1060,false],"pk-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-80x80.jpg",80,80,true],"pk-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-300x225.jpg",300,225,true],"cs-small":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-80x80.jpg",80,80,true],"cs-intermediate":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-240x180.jpg",240,180,true],"cs-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-390x290.jpg",390,290,true],"cs-thumbnail-uncropped":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-390x258.jpg",390,258,true],"cs-medium":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-820x543.jpg",820,543,true],"cs-large":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-1180x782.jpg",1180,782,true],"web-stories-poster-portrait":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-640x853.jpg",640,853,true],"web-stories-publisher-logo":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-96x96.jpg",96,96,true],"web-stories-thumbnail":["https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080-150x99.jpg",150,99,true]},"uagb_author_info":{"display_name":"Nilson Filatieri","author_link":"https:\/\/herospark.com\/blog\/author\/nilson\/"},"uagb_comment_info":0,"uagb_excerpt":"Voc&ecirc; j&aacute; parou para pensar na import&acirc;ncia das cores HTML para o seu site? As cores t&ecirc;m o poder de transmitir sensa&ccedil;&otilde;es, despertar emo&ccedil;&otilde;es e influenciar a percep&ccedil;&atilde;o dos visitantes&hellip;","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>As principais cores HTML para otimizar seu site: tabela de cores HTML<\/title>\n<meta name=\"description\" content=\"Neste artigo, vamos explorar as principais cores HTML que voc\u00ea pode utilizar para otimizar o seu site e te apresentaremos uma tabela com exemplos.\" \/>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/herospark.com\/blog\/cores-html\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"As principais cores HTML para otimizar seu site: tabela de cores HTML\" \/>\n<meta property=\"og:description\" content=\"Neste artigo, vamos explorar as principais cores HTML que voc\u00ea pode utilizar para otimizar o seu site e te apresentaremos uma tabela com exemplos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/herospark.com\/blog\/cores-html\/\" \/>\n<meta property=\"og:site_name\" content=\"HeroSpark Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-08T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-22T19:10:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/herospark.com\/blog\/wp-content\/uploads\/sites\/6\/2024\/02\/574080.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1060\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/15364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/comments?post=15364"}],"version-history":[{"count":0,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/posts\/15364\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media\/15375"}],"wp:attachment":[{"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/media?parent=15364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/categories?post=15364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/tags?post=15364"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/herospark.com\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=15364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}