Guia de Estilo Visual

Versão 1.0

Este é o nosso Guia de Estilo Visual 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 uma ampla gama de casos de uso.

O Guia de Estilo Visual é um documento vivo, iniciado com o objetivo de desenvolver uma mensagem e imagem consistente para o QGIS. É um documento “vivo” porque esperamos que ele se expanda à medida que cobrimos mais casos de uso em que a consistência visual é importante e pode ser descrita usando regras mais simples. Os padrões e políticas simples descritos aqui são projetados para manter a uniformidade de apresentação necessária para esforços bem-sucedidos de promoção e marketing para o projeto QGIS.

Nossa identidade visual simboliza a força 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 em meio à confusão na comunicação. Os padrões gráficos são uma expressão visual do QGIS e devem servir como base para nossa estratégia geral de comunicação.

Esta primeira versão do Guia de Estilo Visual descreve os principais elementos do novo logotipo QGIS. Versões futuras se concentrarão em ativos de marca e como divulgar a marca QGIS pela web, dispositivos móveis e materiais impressos.

Logotipo

Original

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

Baixar o arquivo do logotipo

:baixar:`SVG logo <files/qgis-logo.svg>`

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

:baixar:`SVG monochrome logo <files/qgis-logo-monochrome.svg>`

:baixar:`PNG monochrome logo <files/qgis-logo-monochrome.png>`

O novo logotipo do QGIS é apresentado aqui. Mantendo os elementos centrais do logotipo QGIS original (letra Q com uma seta), esta nova versão pretende ser nítida e escalável, introduzindo formas mais simples e arrojadas.

As alterações propostas estão listadas abaixo.

  • O espírito existente é preservado, mas o logotipo é ousado

  • Sombras removidas

  • O Q é sans-serif

  • A seta se torna a parte da carta de Q

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

Mínimo

../../_images/minimal.png

Baixar o logotipo mínimo

:baixar:`SVG 128px <files/qgis-icon128.svg>` :baixar:`SVG 64px <files/qgis-icon64.svg>` :baixar:`SVG 32px <files/qgis-icon32.svg>`

:baixar:`PNG 128px <files/qgis-icon128.png>` :baixar:`PNG 64px <files/qgis-icon64.png>` :baixar:`PNG 32px <files/qgis-icon32.png>`

../../_images/minimal_black.png

Baixar o mínimo preto

:baixar:`SVG black 128px <files/qgis-icon-black128.svg>` :baixar:`SVG black 64px <files/qgis-icon-black64.svg>` :baixar:`SVG black 32px <files/qgis-icon-black32.svg>`

:baixar:`PNG black 128px <files/qgis-icon-black128.png>` :baixar:`PNG black 64px <files/qgis-icon-black64.png>` :baixar:`PNG black 32px <files/qgis-icon-black32.png>`

../../_images/minimal_green.png

Baixar o mínimo verde

:baixar:`SVG green 128px <files/qgis-icon-green128.svg>` :baixar:`SVG green 64px <files/qgis-icon-green64.svg>` :baixar:`SVG green 32px <files/qgis-icon-green32.svg>`

:baixar:`PNG green 128px <files/qgis-icon-green128.png>` :baixar:`PNG green 64px <files/qgis-icon-green64.png>` :baixar:`PNG green 32px <files/qgis-icon-green32.png>`

../../_images/minimal_white.png

Baixar o mínimo branco

:baixar:`SVG white 128px <files/qgis-icon-white128.svg>` :baixar:`SVG white 64px <files/qgis-icon-white64.svg>` :baixar:`SVG white 32px <files/qgis-icon-white32.svg>`

:baixar:`PNG white 128px <files/qgis-icon-white128.png>` :baixar:`PNG white 64px <files/qgis-icon-white64.png>` :baixar:`PNG white 32px <files/qgis-icon-white32.png>`

Tipografia

Fontes Trueno

Trueno é uma fonte Serif da Biblioteca de fonte gratuita. Para incorporar, por favor use <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/trueno" type="text/css"/> no cabeçalho do site

Nome

Família de fontes

Trueno Ultra light

‘TruenoUltraLight’

Trueno Regular

‘TruenoRegular’

Trueno Bold

‘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 do QGIS deve ser usada para todos os elementos do logotipo na versão monocromática. Também pode ser usada como plano de fundo, título 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 do QGIS deve ser usada para conteúdo de menor importância. Pode ser usada como fundo secundário, texto ou cor de links.

O gradiente

../../_images/gradient.png

As duas cores primárias são usadas como um gradiente linear vertical no logotipo e esse gradiente pode ser usado para o site e o material impresso

Paleta 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 do QGIS devem ser usadas para os acentos e frases de ação.

Paleta de cores

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