index.html

---
layout: index
---

<div class="item" id="manual-normas-graficas">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-manual-normas-graficas.png">
  </div>

  <h3>Manual Normas Gráficas Gobierno de Chile v3</h3>

  <p>Manual creado para dar a conocer cómo se aplica la imagen institucional del Gobierno de Chile. Su objetivo es alinear todas las comunicaciones oficiales y simplificar la tarea de todos quienes generan piezas de comunicación para el Gobierno.</p>

  <a href="{{ site.baseurl }}/manual-normas-graficas" class="descarga ir">
    <span class="icono"></span>
    <span class="texto">Ir al <strong>Manual</strong></span>
  </a>

</div>

<div class="item" id="manual-grafica-redes-sociales">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-manual-grafica-redes-sociales.png">
  </div>

  <h3>Manual - Comunicación Gráfica en Redes Sociales</h3>

  <p>Este manual fue creado para orientar en los procesos productivos de la comunicación gráfica en redes sociales del Gobierno de Chile. Contiene los principales lineamientos del sistema gráfico digital además de plantillas, paletas cromáticas y definición de estilos, entre otros.</p>

  <a href="{{ site.baseurl }}/manual-grafica-redes-sociales" class="descarga ir">
    <span class="icono"></span>
    <span class="texto">Ir al <strong>Manual</strong></span>
  </a>

</div>

<div class="item" id="manual-uso-slogan">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-manual-uso-slogan.png">
  </div>

  <h3>Manual de uso del Slogan de Gobierno</h3>

  <p>Manual creado para dar a conocer cómo se aplica el slogan de Gobierno. Su objetivo es alinear la forma en que se aplica el slogan en las comunicaciones para que éstas sean reconocibles por la ciudadanía, y simplificar la tarea de quienes generan piezas de comunicación para el Gobierno.</p>

  <a href="{{ site.baseurl }}/archivos/MV2-0_uso-del-slogan-de-gobierno.pdf" class="descarga js-track" data-ga-category="enlaces_home" data-ga-action="click" data-ga-label="manual-slogan">
    <span class="icono"></span>
    <span class="texto">Descargar <strong>Manual</strong></span>
  </a>

</div>

<div class="item" id="tipografia-gobcl">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-tipografia-gobcl.png">
  </div>

  <h3>Tipografía gobCL</h3>

  <p>Especialmente diseñada como la tipografía oficial de Gobierno, gobCL, es un componente esencial de su identidad visual. Como única tipografía de Gobierno, su utilización favorece el inmediato reconocimiento de todas las comunicaciones de éste.</p>

  <a href="{{ site.baseurl }}/archivos/insumos/Tipografia-gobCL.zip" class="descarga js-track" data-ga-category="enlaces_home" data-ga-action="click" data-ga-label="tipografia-gobcl">
    <span class="icono"></span>
    <span class="texto">Descargar <strong>gobCL</strong></span>
  </a>
</div>

<div class="item" id="plantilla-html">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-plantilla-html.png">
  </div>
  <span class="beta"></span>

  <h3>Plantilla HTML gobCL</h3>

  <p>Conjunto de archivos que sirve como punto de partida para el desarrollo de sitios web institucionales. Contiene los estilos, elementos y vistas más comunes.</p>

  <a href="https://github.com/e-gob/gobcl-template" class="descarga ir js-track" data-ga-category="enlaces_home" data-ga-action="click" data-ga-label="gobcl-template">
    <span class="icono"></span>
    <span class="texto"><strong>Ver en GitHub</strong></span>
  </a>
</div>

<div class="item" id="tema-wordpress">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-tema-wordpress.png">
  </div>
  <span class="beta"></span>

  <h3>Tema de WordPress gobCL</h3>

  <p>Plantilla de WordPress base para el desarrollo de sitios web institucionales. Contiene los estilos, elementos y vistas más comunes.</p>

  <a href="https://github.com/e-gob/gobcl-wp" class="descarga ir js-track" data-ga-category="enlaces_home" data-ga-action="click" data-ga-label="gobcl-wordpress">
    <span class="icono"></span>
    <span class="texto"><strong>Ver en GitHub</strong></span>
  </a>
</div>


<div class="item" id="desarrollo">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-recursos-desarrollo.png">
  </div>

  <h3>Recursos de desarrollo</h3>

  <p>Acceso a documentos técnicos y herramientas que pueden apoyar el trabajo de los equipos técnicos encargados de desarrollar y mantener las plataformas digitales de gobierno.</p>

  <a href="{{ site.baseurl }}/recursos-de-desarrollo" class="descarga ir js-track" data-ga-category="enlaces_home" data-ga-action="click" data-ga-label="recursos-de-desarrollo">
    <span class="icono icono-doc"></span>
    <span class="texto">Ver <strong>recursos</strong></span>
  </a>
</div>

<div class="item" id="libreria-iconos">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-libreria-iconos.png">
  </div>

  <h3>Librería íconos</h3>

  <p>Aquí podrás descargar ilustraciones e íconos para ser utilizados tanto en las piezas gráficas de redes sociales como para impresos.<br>
  Íconos en formato vectorial e imagen.</p>

  <a href="{{ site.baseurl }}/libreria-iconos" class="descarga ir js-track" data-ga-category="enlaces_home" data-ga-action="click" data-ga-label="libreria-iconos" >
    <span class="icono"></span>
    <span class="texto">Ver <strong>íconos</strong></span>
  </a>
</div>


<div class="item item-pendiente" id="framework-gobcl">
  <div class="icono">
    <img src="{{ site.baseurl }}/assets/img/icono-framework-gobcl.png">
  </div>

  <h3>Framework gobCL</h3>

  <p>Conjunto de herramientas para el diseño y diagramación de sitios y aplicaciones web de gobierno. Contiene plantillas de formularios, botones, cuadros, menús de navegación y otros elementos de diseño. Basado en Twitter Bootstrap.</p>

  <a class="descarga">
    <span class="icono"></span>
    <span class="texto">Disponible <strong>pronto</strong></span>
  </a>
</div>



<div class="cf"></div>