Edit on GitHub

Guide de Style Visuel

Version 1.0

Il s’agit de notre Guide de style visuel QGIS. Ce document définit les normes pour l’utilisation de notre identité visuelle. Il propose une modernisation de la marque QGIS pour la rendre plus forte, plus visible et plus adaptable à un large éventail de cas d’utilisation.

Le Guide de style visuel est un document évolutif, créé dans le but de développer un message et une image cohérents pour QGIS. Il s’agit d’un document « évolutif » car nous prévoyons qu’il s’étoffera à mesure que nous aborderons davantage de cas d’utilisation où la cohérence visuelle est importante et peut être décrite à l’aide de règles plus simples. Les normes et les directives simples décrites ici visent à maintenir l’uniformité de présentation nécessaire à la réussite des efforts de promotion et de marketing du projet QGIS.

Notre identité visuelle symbolise la force de QGIS, ainsi que sa promesse de qualité et de compétence. Une utilisation appropriée du logo, des polices et des couleurs garantit que QGIS sera reconnaissable et se démarquera dans le flot incessant des communications. Les normes graphiques constituent l’expression visuelle de QGIS et doivent servir de base à notre stratégie de communication globale.

Cette première version du Guide des styles graphiques présente les éléments clés du nouveau logo QGIS. Les futures versions mettront l’accent sur l’image de marque des actifs et sur la façon de diffuser la marque QGIS sur le Web, les appareils mobiles et les documents imprimés.

Logotype

Original

Main logo Main logo monochrome

Télécharger le fichier du logo

SVG logo

PNG logo

SVG monochrome logo

PNG monochrome logo

Le nouveau logo QGIS est présenté ici. En gardant les éléments de base du logo QGIS original (lettre Q avec une flèche à travers elle), cette nouvelle version a l’intention d’être nette et évolutive, en introduisant des formes plus simples et plus audacieuses.

Les changements proposés sont listés ci-dessous.

Minimal

Minimal

Télécharger le logo minimal

SVG 128px SVG 64px SVG 32px

PNG 128px PNG 64px PNG 32px

Minimal black

Télécharger le logo minimal en noir

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

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

Minimal green

Télécharger le logo minimal en vert

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

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

Minimal white

Télécharger le logo minimal en blanc

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

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

Typographie

Les polices de caractères Trueno

Trueno est une police à serif disponible gratuitement dans la bibliothèque de polices Font Library. Pour l’intégrer, veuillez utiliser

<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/trueno" type="text/css"/>

dans l’en-tête du site

| Nom | Font-family |:——-:|:———————-:|————| | Trueno Ultra light | ‘TruenoUltraLight’ | | Trueno Regular | ‘TruenoRegular’ | | Trueno Bold | ‘TruenoBold’ |

Couleur

Couleurs primaires

Dark Green

Dark green
HEX: #589632
RGB: 88, 150, 50
CMYK: 70.53, 18.84, 100, 3.7

La couleur Vert foncé de QGIS sera utilisée pour tous les éléments du logo dans sa version monochrome. Elle peut aussi être utilisée comme couleur de fond, de l’en-tête principale ou de texte.

Light Green

Light green
HEX: #93b023
RGB: 147, 176, 35
CMYK: 50.62, 12.6, 100, 0.86

La couleur Vert clair de QGIS sera utilisée pour le contenu de moindre importance. Elle peut être utilisée comme couleur pour un fond secondaire, du texte ou des liens.

Le gradient

Gradient

Les deux couleurs primaires sont utilisées comme gradient linéaire vertical pour le logo, et ce gradient peut être utilisé pour un site web ou comme fond pour matériels imprimés

Palette de couleurs

Dark green palette Light green palette

Couleurs secondaires

Citron

Lemon
HEX: #f0e64a
RGB: 240, 230, 74
CMYK: 11, 0, 79, 0

Orange

Orange
HEX: #ee7913
RGB: 238, 121, 19
CMYK: 0, 62, 96, 0

Les couleurs Citron et Orange de QGIS seront utilisées pour les mises en valeurs et les appels à action

Palette de couleurs

Lemon palette Orange palette