Guía de Estilo Gráfico

Versión 1.0

Esta es nuestra Guia de Estilo Gráfico de QGIS. Este documento define los estándares para el uso de nuestra identidad visual. Propone una modernización de la marca QGIS para hacerla más fuerte, más visible y más adaptable a una amplia gama de casos de uso.

La Guía de Estilo Gráfico es un documento vivo, iniciado con el objetivo de desarrollar un mensaje e imagen coherente para QGIS. Es un documento «vivo» porque esperamos que se expanda mientras cubrimos más casos de uso donde la consistencia visual es importante y se pueda describir usando sencillas reglas . Las normas y simples políticas descritas aquí están diseñadas para mantener la uniformidad de presentación necesaria para el éxito de los esfuerzos de promoción y marketing para el proyecto QGIS.

Nuestra identidad visual simboliza la fuerza de QGIS, la promesa de calidad y competencia. El tratamiento adecuado del logotipo, las fuentes y el color garantiza que QGIS sea reconocido y se destaque en medio del desorden de las comunicaciones. Los estándares gráficos son una expresión visual de QGIS y deben servir como base para nuestra estrategia de comunicación general.

Esta primera versión de la Guía de Estilo Gráfico la cual esboza los elementos básicos del nuevo logotipo de QGIS. Las versiones futuras se centrarán en los activos de marca y en cómo difundir la marca QGIS en la Web, en los dispositivos móviles y en los materiales impresos.

Logotipo

Original

../../_images/main_logo.png ../../_images/main_logo_monochrome.png

Descargar archivo de logotipo

SVG logo

PNG logo

SVG monochrome logo

PNG monochrome logo

Aquí se presenta el nuevo logotipo de QGIS. Manteniendo los elementos básicos del logotipo original de QGIS (letra Q con una flecha a través de ella), esta nueva versión pretende ser nítida y escalable, introduciendo formas más simples y más audaces.

Los cambios propuestos se enumeran a continuación.

  • Se conserva el espíritu existente pero el logotipo está mas marcado.

  • Sombras borradas

  • La Q esta en sans-serif

  • La flecha se convierte en parte de la letra Q

  • El texto del logotipo de QGIS se basa en la fuente gratuita y libre Trueno Bold.

Minimal

../../_images/minimal.png

Descargar minimal logo

SVG 128px SVG 64px SVG 32px

PNG 128px PNG 64px PNG 32px

../../_images/minimal_black.png

Descargar minimal black

SVG black 128px SVG black 64px SVG black 32px

PNG black 128px PNG black 64px PNG black 32px

../../_images/minimal_green.png

Descargar minimal green

SVG green 128px SVG green 64px SVG green 32px

PNG green 128px PNG green 64px PNG green 32px

../../_images/minimal_white.png

Descargar minimal white

SVG white 128px SVG white 64px SVG white 32px

PNG white 128px PNG white 64px PNG white 32px

Tipografía

Fuentes Trueno

Trueno es una fuente serif Libre de la Biblioteca de Fuentes. Para insertarlo, utilice <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/trueno" type="text/css"/> en el encabezado del sitio

Nombre

Font-family

Trueno Ultra light

“TruenoUltraLight”

Trueno Regular

“TruenoRegular”

Trueno Bold

“TruenoBold”

Color

Colores primarios

Dark Green

../../_images/dark_green.png

HEX: #589632

RGB: 88, 150, 50

CMYK: 70.53, 18.84, 100, 3.7

El color Dark Green QGIS se utilizará para cada elemento del logotipo en la versión monocromática. También se puede usar como fondo, título principal o color de texto.

Light Green

../../_images/light_green.png

HEX: #93b023

RGB: 147, 176, 35

CMYK: 50.62, 12.6, 100, 0.86

El color Light Green QGIS se utilizará para contenido de menor importancia. Se puede usar como fondo secundario, texto o color de enlaces.

El degradado

../../_images/gradient.png

Los dos colores primarios se usan como un degradado lineal vertical en el logotipo, y este degradado se puede usar para el sitio web y el fondo de materiales impresos.

Paleta de Colores

../../_images/dark_green_palette.png ../../_images/light_green_palette.png

Colores secundarios

Lemon

../../_images/lemon.png

HEX: #f0e64a

RGB: 240, 230, 74

CMYK: 11, 0, 79, 0

Orange

../../_images/orange.png

HEX: #ee7913

RGB: 238, 121, 19

CMYK: 0, 62, 96, 0

Los colores QGIS Lemon y Orange se utilizarán para acentuar y en call-to-actions

Paleta de Colores

../../_images/lemon_palette.png ../../_images/orange_palette.png