{"id":21,"date":"2019-02-18T17:55:01","date_gmt":"2019-02-18T20:55:01","guid":{"rendered":"http:\/\/localhost\/manual\/?page_id=21"},"modified":"2019-05-21T16:06:51","modified_gmt":"2019-05-21T19:06:51","slug":"marca","status":"publish","type":"page","link":"https:\/\/manual.grandecircular.com\/anpof\/marca\/","title":{"rendered":"Marca"},"content":{"rendered":"\n\n<section class=\"button-download\">\n  <a class=\"link\" href=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/anpof_logo.zip\" download>\n    <svg class=\"icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M5 9L12 16L19 9M12 11V6.5V1M5.00386 20H19.0039\"\/>\n    <\/svg>\n    Baixar todas as vers\u00f5es  <\/a>\n<\/section>\n\n\n\n<p> Um sistema que abrange elementos gr\u00e1ficos representando visualmente um produto, institui\u00e7\u00e3o ou servi\u00e7o de maneira l\u00f3gica. O sistema funciona com a combina\u00e7\u00e3o de elementos como cor, s\u00edmbolo e\/ou logotipo, as combina\u00e7\u00f5es entre eles e suas aplica\u00e7\u00f5es. A manuten\u00e7\u00e3o desse sistema obedecendo o manual \u00e9 importante para preservar a marca com todas as suas caracter\u00edsticas. <\/p>\n\n\n\n\n<section class=\"title-section\">\n  <h3>Vers\u00f5es<\/h3>\n  <hr><\/section>\n\n\n\n<p>A marca da Anpof divide-se entre vers\u00e3o principal, constru\u00edda verticalmente, e vers\u00e3o secund\u00e1ria, que \u00e9 horizontal. De acordo com a situa\u00e7\u00e3o, poder\u00e1 ser aplicada com o com ou sem o descritivo ou aplicando somente o s\u00edmbolo.<\/p>\n\n\n\n    <section class=\"logo-versions col-24\" id=\"logo_versions_carousel_logo_block_5c745f0564102\">\n\n      <div class=\"row\">\n        <h3 class=\"h4\">vers\u00e3o principal<\/h2>\n      <\/div>\n\n              <nav class=\"nav-details\">\n                      <a class=\"toggle-detail\" data-target=\"construcao\">Constru\u00e7\u00e3o<\/a>\n                                <a class=\"toggle-detail\" data-target=\"respiro\">Respiro<\/a>\n                                <a class=\"toggle-detail\" data-target=\"reducao\">Redu\u00e7\u00e3o<\/a>\n                  <\/nav>\n      \n      <div class=\"cover-container\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-principal_1.svg\" class=\"cover-version\" alt=\"\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-principal-constru\u00e7\u00e3o_1.svg\" class=\"overlay-detail construcao\" alt=\"\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-principal-respiro__1.svg\" class=\"overlay-detail respiro\" alt=\"\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-principal-redu\u00e7\u00e3o_1.svg\" class=\"overlay-detail reducao\" alt=\"\" \/>      <\/div>\n\n      <div class=\"galeria-cores\">\n        <div class=\"row\">\n          <div class=\"col-20 left-2 col-lg-16 left-lg-4\">\n            <div class=\"owl-carousel owl-theme\" id=\"carousel_logo_block_5c745f0564102\">\n                          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <script type=\"text\/javascript\">\n\n        var owl_carousel_logo_block_5c745f0564102 = $('#carousel_logo_block_5c745f0564102');\n\n        owl_carousel_logo_block_5c745f0564102.owlCarousel({\n            loop: false,\n            dots: true,\n            nav: false,\n            mouseDrag: true,\n            touchDrag: true,\n            pullDrag: true,\n            items: 1,\n            margin: 12\n        });\n\n        $(\"#logo_versions_carousel_logo_block_5c745f0564102 .toggle-detail:not(.active)\").click(function(){\n          if ($(this).hasClass('active')) {\n            $('#logo_versions_carousel_logo_block_5c745f0564102 .overlay-detail').removeClass('active');\n            $('#logo_versions_carousel_logo_block_5c745f0564102 .toggle-detail').removeClass('active');\n          } else {\n            $('#logo_versions_carousel_logo_block_5c745f0564102 .overlay-detail').removeClass('active');\n            $('#logo_versions_carousel_logo_block_5c745f0564102 .overlay-detail.' + $(this).attr('data-target')).addClass('active');\n            $('#logo_versions_carousel_logo_block_5c745f0564102 .toggle-detail').removeClass('active');\n            $(this).addClass('active');\n          }\n        });\n\n      <\/script>\n\n    <\/section>\n    \n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n    <section class=\"logo-versions col-24\" id=\"logo_versions_carousel_logo_block_5c754662a32b6\">\n\n      <div class=\"row\">\n        <h3 class=\"h4\">Horizontal<\/h2>\n      <\/div>\n\n              <nav class=\"nav-details\">\n                      <a class=\"toggle-detail\" data-target=\"construcao\">Constru\u00e7\u00e3o<\/a>\n                                <a class=\"toggle-detail\" data-target=\"respiro\">Respiro<\/a>\n                                <a class=\"toggle-detail\" data-target=\"reducao\">Redu\u00e7\u00e3o<\/a>\n                  <\/nav>\n      \n      <div class=\"cover-container\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-horizontal_1.svg\" class=\"cover-version\" alt=\"\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-horizontal-constru\u00e7\u00e3o__1.svg\" class=\"overlay-detail construcao\" alt=\"\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-horizontal-respiro_1.svg\" class=\"overlay-detail respiro\" alt=\"\" \/><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-horizontal-redu\u00e7\u00e3o_1.svg\" class=\"overlay-detail reducao\" alt=\"\" \/>      <\/div>\n\n      <div class=\"galeria-cores\">\n        <div class=\"row\">\n          <div class=\"col-20 left-2 col-lg-16 left-lg-4\">\n            <div class=\"owl-carousel owl-theme\" id=\"carousel_logo_block_5c754662a32b6\">\n                          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <script type=\"text\/javascript\">\n\n        var owl_carousel_logo_block_5c754662a32b6 = $('#carousel_logo_block_5c754662a32b6');\n\n        owl_carousel_logo_block_5c754662a32b6.owlCarousel({\n            loop: false,\n            dots: true,\n            nav: false,\n            mouseDrag: true,\n            touchDrag: true,\n            pullDrag: true,\n            items: 1,\n            margin: 12\n        });\n\n        $(\"#logo_versions_carousel_logo_block_5c754662a32b6 .toggle-detail:not(.active)\").click(function(){\n          if ($(this).hasClass('active')) {\n            $('#logo_versions_carousel_logo_block_5c754662a32b6 .overlay-detail').removeClass('active');\n            $('#logo_versions_carousel_logo_block_5c754662a32b6 .toggle-detail').removeClass('active');\n          } else {\n            $('#logo_versions_carousel_logo_block_5c754662a32b6 .overlay-detail').removeClass('active');\n            $('#logo_versions_carousel_logo_block_5c754662a32b6 .overlay-detail.' + $(this).attr('data-target')).addClass('active');\n            $('#logo_versions_carousel_logo_block_5c754662a32b6 .toggle-detail').removeClass('active');\n            $(this).addClass('active');\n          }\n        });\n\n      <\/script>\n\n    <\/section>\n    \n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h4 class=\"wp-block-heading\">vers\u00e3o em negativo<\/h4>\n\n\n\n<p>A marca tamb\u00e9m pode ser aplicada em fundos negativos. Neste caso, \u00e9 importante estar atento ao contraste gerado entre o fundo e a logo. Tanto para a cor Azul Anpof, quanto para o Laranja Claro, a prefer\u00eancia \u00e9 usar a vers\u00e3o em branco. Al\u00e9m disso, aconselha-se usar a marca com o ajuste \u00f3ptico, explicada com mais detalhes no pr\u00f3ximo t\u00f3pico.<\/p>\n\n\n\n    <section class=\"logo-versions col-24\" id=\"logo_versions_carousel_logo_block_5cdc1f58ce574\">\n\n      <div class=\"row\">\n        <h3 class=\"h4\"><\/h2>\n      <\/div>\n\n      \n      <div class=\"cover-container\">\n              <\/div>\n\n      <div class=\"galeria-cores\">\n        <div class=\"row\">\n          <div class=\"col-20 left-2 col-lg-16 left-lg-4\">\n            <div class=\"owl-carousel owl-theme\" id=\"carousel_logo_block_5cdc1f58ce574\">\n                              <div class=\"item\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-principal-fundo-azul_1.svg\" class=\"cover-version\" alt=\"\" \/>                  <p class=\"caption\">Vers\u00e3o Principal Fundo Azul<\/p>\n                <\/div>\n                              <div class=\"item\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-principal-fundo-laranja_.svg\" class=\"cover-version\" alt=\"\" \/>                  <p class=\"caption\">Vers\u00e3o Principal Fundo Laranja<\/p>\n                <\/div>\n                              <div class=\"item\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-horizontal-fundo-azul_.svg\" class=\"cover-version\" alt=\"\" \/>                  <p class=\"caption\">Vers\u00e3o Horizontal com Fundo Azul<\/p>\n                <\/div>\n                              <div class=\"item\">\n                  <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/vers\u00e3o-horizontal-fundo-laranja_.svg\" class=\"cover-version\" alt=\"\" \/>                  <p class=\"caption\">Vers\u00e3o Horizontal Fundo Laranja<\/p>\n                <\/div>\n                          <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <script type=\"text\/javascript\">\n\n        var owl_carousel_logo_block_5cdc1f58ce574 = $('#carousel_logo_block_5cdc1f58ce574');\n\n        owl_carousel_logo_block_5cdc1f58ce574.owlCarousel({\n            loop: false,\n            dots: true,\n            nav: false,\n            mouseDrag: true,\n            touchDrag: true,\n            pullDrag: true,\n            items: 1,\n            margin: 12\n        });\n\n        $(\"#logo_versions_carousel_logo_block_5cdc1f58ce574 .toggle-detail:not(.active)\").click(function(){\n          if ($(this).hasClass('active')) {\n            $('#logo_versions_carousel_logo_block_5cdc1f58ce574 .overlay-detail').removeClass('active');\n            $('#logo_versions_carousel_logo_block_5cdc1f58ce574 .toggle-detail').removeClass('active');\n          } else {\n            $('#logo_versions_carousel_logo_block_5cdc1f58ce574 .overlay-detail').removeClass('active');\n            $('#logo_versions_carousel_logo_block_5cdc1f58ce574 .overlay-detail.' + $(this).attr('data-target')).addClass('active');\n            $('#logo_versions_carousel_logo_block_5cdc1f58ce574 .toggle-detail').removeClass('active');\n            $(this).addClass('active');\n          }\n        });\n\n      <\/script>\n\n    <\/section>\n    \n\n\n<h4 class=\"wp-block-heading\">Ajuste \u00f3ptico<\/h4>\n\n\n\n<p>Nesta vers\u00e3o da marca, as linhas do s\u00edmbolo foram afinadas e suas formas ajustadas. Fazer esta altera\u00e7\u00e3o \u00e9 necess\u00e1ria pois, em fundos coloridos ou escuros, percebemos as formas menores e com contraste de maneira diferente de sua vers\u00e3o normal em fundo branco, tornando essencial o equil\u00edbrio do ajuste.<\/p>\n\n\n\n    <div class=\"slider-basic shadow\">\n      <div class=\"owl-carousel owl-theme\" id=\"slider_block_5cdc208cce577\">\n                  <div class=\"item\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/ajuste-\u00f3ptico-fundo_-1.svg\" class=\"\" alt=\"\" \/>            <p class=\"caption\"><\/p>\n          <\/div>\n                  <div class=\"item\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"720\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/ajuste-\u00f3ptico_1-1.svg\" class=\"\" alt=\"\" \/>            <p class=\"caption\"><\/p>\n          <\/div>\n              <\/div>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n\n      var owl_slider_block_5cdc208cce577 = $('#slider_block_5cdc208cce577');\n\n      owl_slider_block_5cdc208cce577.owlCarousel({\n          loop: false,\n          dots: true,\n          nav: false,\n          mouseDrag: true,\n          touchDrag: true,\n          pullDrag: true,\n          items: 1,\n          margin: 12      });\n\n    <\/script>\n\n    \n\n\n\n<section class=\"title-section\">\n  <h3>Vers\u00f5es n\u00e3o permitidas<\/h3>\n  <hr><\/section>\n\n\n\n\n\n  <ol class=\"list-image\">\n\n    \n        <li class=\"row\">\n          <div class=\"column col-24 col-md-10 col-hg-6\">\n            <p class=\"text-small\">1. Utilizar outras fontes  no logotipo e na tagline<\/p>\n          <\/div>\n          <div class=\"column col-24 col-md-12 left-md-2 col-hg-16\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"503\" height=\"176\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-1.svg\" class=\"\" alt=\"\" \/>          <\/div>\n        <\/li>\n\n    \n        <li class=\"row\">\n          <div class=\"column col-24 col-md-10 col-hg-6\">\n            <p class=\"text-small\">2. Distorcer as propor\u00e7\u00f5es do logotipo<\/p>\n          <\/div>\n          <div class=\"column col-24 col-md-12 left-md-2 col-hg-16\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"498\" height=\"173\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-2.svg\" class=\"\" alt=\"\" \/>          <\/div>\n        <\/li>\n\n    \n        <li class=\"row\">\n          <div class=\"column col-24 col-md-10 col-hg-6\">\n            <p class=\"text-small\">3. Utilizar cores que n\u00e3o s\u00e3o da identidade<\/p>\n          <\/div>\n          <div class=\"column col-24 col-md-12 left-md-2 col-hg-16\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"478\" height=\"148\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-3.svg\" class=\"\" alt=\"\" \/>          <\/div>\n        <\/li>\n\n    \n        <li class=\"row\">\n          <div class=\"column col-24 col-md-10 col-hg-6\">\n            <p class=\"text-small\">4. Fundos de baixo contraste com a logo e gradientes<\/p>\n          <\/div>\n          <div class=\"column col-24 col-md-12 left-md-2 col-hg-16\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"557\" height=\"182\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-4.svg\" class=\"\" alt=\"\" \/>          <\/div>\n        <\/li>\n\n    \n        <li class=\"row\">\n          <div class=\"column col-24 col-md-10 col-hg-6\">\n            <p class=\"text-small\">5.  Logo em cima de fotos (caso seja necess\u00e1rio, colocar em \u00e1reas da foto  com menos informa\u00e7\u00f5es ou utilizar tarjas)<\/p>\n          <\/div>\n          <div class=\"column col-24 col-md-12 left-md-2 col-hg-16\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"1926\" height=\"1286\" src=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-5_.png\" class=\"\" alt=\"\" srcset=\"https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-5_.png 1926w, https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-5_-300x200.png 300w, https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-5_-768x513.png 768w, https:\/\/manual.grandecircular.com\/anpof\/wp-content\/uploads\/sites\/7\/2019\/05\/n\u00e3o-permitido-5_-1024x684.png 1024w\" sizes=\"auto, (max-width: 1926px) 100vw, 1926px\" \/>          <\/div>\n        <\/li>\n\n    \n  <\/ol>\n\n","protected":false},"excerpt":{"rendered":"<p>Um sistema que abrange elementos gr\u00e1ficos representando visualmente um produto, institui\u00e7\u00e3o ou servi\u00e7o de maneira l\u00f3gica. O sistema funciona com a combina\u00e7\u00e3o de elementos como cor, s\u00edmbolo e\/ou logotipo, as combina\u00e7\u00f5es entre eles e suas aplica\u00e7\u00f5es. A manuten\u00e7\u00e3o desse sistema obedecendo o manual \u00e9 importante para preservar a marca com todas as suas caracter\u00edsticas. A [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":508,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":34,"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":591,"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/pages\/21\/revisions\/591"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/media\/508"}],"wp:attachment":[{"href":"https:\/\/manual.grandecircular.com\/anpof\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}