Guia de Estilo Visual

Versão 1.0

Este é o Guia de Estilo Visual do QGIS. Este documento define padrões para o uso da nossa identidade visual. Propõe uma modernização da marca QGIS para torná-la mais forte, mais visível e mais adaptável a um ampla gama de casos de uso.

O Guia de Estilo Visual é um documento vivo, produzido com o objetivo de desenvolver uma mensagem e imagem consistentes para o QGIS. É um documento «vivo» porque esperamos que ele se expanda à medida que abrangemos mais casos de uso onde a consistência visual é importante e pode ser descrita usando regras mais simples. Os padrões e as regras simples aqui descritas são pensados para manter a uniformidade de apresentação necessária para o sucesso dos esforços de promoção e de marketing para o projeto QGIS.

Nossa identidade visual simboliza a solidez do QGIS, a promessa de qualidade e competência. O tratamento adequado do logotipo, das fontes e da cor garante que o QGIS seja reconhecido e se destaque entre a desordem da comunicação. Os padrões gráficos são uma expressão visual do QGIS e devem servir de base para nossa estratégia geral de comunicação.

Esta primeira versão do Guia de Estilo Gráfico descreve os elementos principais do novo logótipo do QGIS. Versões futuras irão focar-se em ativos de marca e como espalhar a marca QGIS pela internet, dispositivos móveis e materiais impressos.

Logotipo

Original

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

Transferir logotipo

logo SVG

:transferir:`logotipo PNG <files/qgis-logo.png>`

logo monocromático SVG

logo monocromático PNG

Este é o novo logotipo QGIS. Esta nova versão pretende ser nítida e escalável, utilizando formas mais simples e fortes, mantendo os elementos chave do logotipo QGIS original (letra Q atravessada por uma flecha).

As alterações propostas encontram-se listadas abaixo.

  • O espírito é preservado, mas o logotipo é mais forte

  • Sombras removidas

  • O Q é sans-serif

  • A seta torna-se parte da letra Q.

  • O texto do logotipo do QGIS é baseado na fonte gratuita e livre Trueno Bold.

Minimalista

../../_images/minimal.png

Transferir logo minimalista

SVG 128px SVG 64px SVG 32px

PNG 128px PNG 64px PNG 32px

../../_images/minimal_black.png

Transferir minimalista negro

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

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

../../_images/minimal_green.png

Transferir minimalista verde

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

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

../../_images/minimal_white.png

Transferir minimalista branco

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

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

Tipografia

Fontes Trueno

A família de fontes Trueno são fontes do repositório Font Library, serifadas e de uso livre. Para as utilizar embebidas, inserir <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/trueno" type="text/css"/> no cabeçalho do site.

Nome

Família da fonte

Trueno Ultra Leve

“TruenoUltraLight”

Trueno Normal

“TruenoRegular”

Trueno Negrito

“TruenoBold”

Cor

Cores primárias

Verde Escuro

../../_images/dark_green.png

HEX: #589632

RGB: 88, 150, 50

CMYK: 70.53, 18.84, 100, 3.7

A cor Verde Escuro QGIS para ser utilizada em todos os elementos da versão monocromática do logotipo. Também pode ser utilizada como fundo, cabeçalho principal ou cor de texto.

Verde Claro

../../_images/light_green.png

HEX: #93b023

RGB: 147, 176, 35

CMYK: 50.62, 12.6, 100, 0.86

A cor Verde Claro QGIS para ser utilizada em conteúdo de menor relevância. Pode ser utilizada como fundo secundário, texto ou como cor de ligações.

O gradiente

../../_images/gradient.png

As duas cores primárias são utilizadas como gradiente linear vertical no logotipo. Este gradiente pode ser utilizado como fundo de materiais online e impressos.

Palete de cores

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

Cores secundárias

Limão

../../_images/lemon.png

HEX: #f0e64a

RGB: 240, 230, 74

CMYK: 11, 0, 79, 0

Laranja

../../_images/orange.png

HEX: #ee7913

RGB: 238, 121, 19

CMYK: 0, 62, 96, 0

As cores Limão e Laranja QGIS para serem utilizadas como acentuações e chamadas de ação.

Palete de cores

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