Différences entre les versions de « Charte graphique »

De Swiss Tchoukball Wiki
Aller à : navigation, rechercher
(Ajout de l'introduction)
(Ajout d'une précision sur l'utilisation du logo sans texte)
 
(15 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
= Introduction =
== Pourquoi une charte graphique ==
Cette charte graphique permet d'établir une base commune de l'identité visuelle de Swiss Tchoukball. Elle permet ainsi d'apporter une cohérence dans les différentes productions visuelles de la fédération, donnant ainsi une image plus crédible et professionnelle de l'organisation.
Cette charte graphique permet d'établir une base commune de l'identité visuelle de Swiss Tchoukball. Elle permet ainsi d'apporter une cohérence dans les différentes productions visuelles de la fédération, donnant ainsi une image plus crédible et professionnelle de l'organisation.


Ligne 10 : Ligne 6 :


= Logo =
= Logo =
<div style="text-align: center; padding: 2em;">
[[Fichier:Logo_Swiss_Tchoukball.png|400px]]
</div>
Le logo actuel de Swiss Tchoukball est né d'un concours réalisé en 2007 par la fédération, où plus de 100 logos ont été proposés. La version retenue a été conçue par Vincent Boulas.


== Couleurs ==
== Couleurs ==
Le logo utilise le rouge suisse, tel que défini dans la section [[#Couleur_principale | Couleur principale]] et du blanc pur.
=== Version noir et blanc ===
En cas d'impression en noir et blanc, il est recommandé de ne pas utiliser la version de base – rouge – du logo, qui donnerait un résultat gris. Il est alors préférable d'utiliser la version noir et blanc du logo ci-dessous.
<div style="text-align: center; padding: 2em;">
[[Fichier:Logo_Swiss_Tchoukball_noir_et_blanc.png|400px]]
</div>
=== Version blanc ===
Il peut arriver que l'on souhaite utiliser le logo sur un fond rouge, ou sur un fond où la version de base du logo ressort mal. Pour ces cas spécifiques, il existe une version blanche du logo. Elle est représentée ci-dessous sur un fond rouge. Elle permet notamment de garder la croix blanche.
<div style="text-align: center; background-color: #ff0000; padding: 2em;">
[[Fichier:Logo_Swiss_Tchoukball_blanc.png|400px]]
</div>
== Avec ou sans le texte ==
Par défaut, le logo de Swiss Tchoukball est affiché avec le texte “Swiss Tchoukball” en dessous, tel qu'affiché ci-dessus.
Il est toutefois possible d'utiliser le logo sans ce texte si le design réalisé permet de comprendre qu'il s'agit du logo de Swiss Tchoukball ou si la taille du logo rendrait le texte illisible. Dans ce dernier cas, si c'est possible, il serait préférable d'agrandir le logo pour pouvoir rendre le texte lisible.
D'autres utilisations du logo sans le texte sont possibles avec l'autorisation explicite de la commission communication.


== Marge de sécurité ==
== Marge de sécurité ==


== Exemples ==
Un espace minimum est nécessaire autour du logo. Cet espace correspond à la hauteur du texte ''Swiss Tchoukball'' dans le logo.
 
<div style="text-align: center; padding: 2em;">
[[Fichier:Marges_Logo_Swiss_Tchoukball.png|500px]]
</div>
 
== À ne pas faire ==
 
=== Ne pas déformer le logo ===
<div style="text-align: center; padding: 2em;">
[[Fichier:Ecrasé_horizontalement.png|300px]]
[[Fichier:Ecrasé_verticalement.png|300px]]
</div>
 
=== Ne pas changer les couleurs du logo ===
Utiliser les versions fournies avec leurs couleurs originales.
 
<div style="text-align: center; padding: 2em;">
[[Fichier:Couleurs changées.png|300px]]
</div>
 
=== Ne pas utiliser le logo de base en niveaux de gris (“noir et blanc”) ===
Utiliser la version noir et blanc du logo pour une publication en niveaux de gris.
 
<div style="text-align: center; padding: 2em;">
[[Fichier:En niveau de gris.png|300px]]
</div>
 
=== Ne pas réduire l'opacité du logo ===
Garder l'opacité du logo à 100%.
 
<div style="text-align: center; padding: 2em;">
[[Fichier:Opacité réduite.png|300px]]
</div>
 
=== Ne pas rendre transparentes la croix et l'intérieur des courbes ===
Elles doivent rester blanches.
 
<div style="text-align: center; padding: 2em;">
[[Fichier:Croix et courbes transparentes au lieu de blanches.png|300px]]
</div>
 
=== Ne pas utiliser le logo de base sur un fond résultant en un mauvais contraste ===
Préférer placer le logo sur un fond donnant un meilleur contraste, ou en dernier recours, utiliser la version blanche du logo.
 
<div style="text-align: center; padding: 2em;">
[[Fichier:Sur un fond donnant un mauvais contraste.png|300px]]
</div>
 
=== Ne pas utiliser le logo blanc sur un fond où le logo de base pourrait être utilisé ===
Utiliser le logo de base. Exception : Si le logo est listé avec plusieurs autres logos et que tous sont en blanc.
 
<div style="text-align: center; padding: 2em;">
[[Fichier:Blanc sur fond où original irait.png|300px]]
[[Fichier:Blanc sur fond où original irait 2.png|300px]]
</div>
 
En cas de doute, contacter la commission communication (voir la section dédiée en haut de page).


== Téléchargements ==
== Téléchargements ==
* [https://nas.tchoukball.ch:1971/d/s/shNjoF9sqDgFaMl4kVkZNgNgdSakR3Dg/HQ9BkF7cT1w17sG5eV7ry_ROCD2Ub0h1-7LlAXcvTqQo Logo de base]
* [https://nas.tchoukball.ch:1971/d/s/shNjoWtoTUsQVrOSurvYf9Z1oAQ7zrsC/cRYmkfcwAjQTFFcqJpaD2tpI_iQWnlC2-CLrggeHTqQo Variantes du logo]
Formats mis à disposition :
* Pour impression : EPS (vectoriel)
* Pour utilisation numérique : SVG (vectoriel) et PNG (matriciel)


= Couleurs =
= Couleurs =
Ligne 23 : Ligne 115 :
== Couleur principale ==
== Couleur principale ==


== Palette de couleurs (év.) ==
La couleur principale de Swiss Tchoukball est le '''rouge''', tel que défini dans [https://www.fedlex.admin.ch/eli/cc/2015/613/fr#annex_2 L'annexe 2 de la Loi sur la protection des armoiries de la Suisse et des autres signes publics] :
(Variantes avec transparence de la couleur principale)
 
* CMYK 0 / 100 / 100 / 0
* Pantone 485 C / 485 U
* RGB 255 / 0 / 0
* Hexadécimal #FF0000
* Scotchcal 100 -13
* RAL 3020 rouge signalisation
* NCS S 1085-Y90R
 
<div class="st-branding-color" style="background-color: #ff0000; color: white;">#ff0000</div>
 
== Palette de couleurs ==
 
Si seul le rouge principal n'est pas suffisant, il est possible d'utiliser différentes variantes de rouges :
 
<div class="st-branding-color" style="background-color: #ffd8d8;">#ffd8d8</div>
<div class="st-branding-color" style="background-color: #ff9d9d;">#ff9d9d</div>
<div class="st-branding-color" style="background-color: #ff4e4e;">#ff4e4e</div>
<div class="st-branding-color" style="background-color: #ff0000; color: white;">#ff0000</div>
<div class="st-branding-color" style="background-color: #b10000; color: white;">#b10000</div>
<div class="st-branding-color" style="background-color: #620000; color: white;">#620000</div>
<div class="st-branding-color" style="background-color: #270000; color: white;">#270000</div>
 
 
Il est aussi possible de varier les niveaux de gris :
 
<div class="st-branding-color" style="background-color: #ffffff;">#ffffff</div>
<div class="st-branding-color" style="background-color: #f2f2f2;">#f2f2f2</div>
<div class="st-branding-color" style="background-color: #d9d9d9;">#d9d9d9</div>
<div class="st-branding-color" style="background-color: #a6a6a6;">#a6a6a6</div>
<div class="st-branding-color" style="background-color: #595959; color: white;">#595959</div>
<div class="st-branding-color" style="background-color: #1a1a1a; color: white;">#1a1a1a</div>
<div class="st-branding-color" style="background-color: #000000; color: white;">#000000</div>


= Typographie =
= Typographie =


== Polices de caractère ==
== Polices de caractère ==
Swiss Tchoukball a deux polices de caractères officielles :
* '''Amasis MT Std'''<br>[[Fichier:Exemple_Amasis.png|x40px]]
* '''ITC Flora'''<br>[[Fichier:Exemple_Flora.png|x40px]]
La fédération a une licence d'utilisation de ces polices. Elles ne sont pas libres de droit. Ainsi, si vous entrez en possession de ces polices dans le cadre de votre travail au sein de la fédération, vous ne pouvez pas utiliser ces polices pour des productions non-Swiss Tchoukball. Pour obtenir les fichiers, contactez la commission communication (voir la section dédiée en haut de page).
Il est autorisé d'utiliser différentes déclinaisons de ces polices si elles existent (p.ex. gras ou italique).
Historiquement, ces polices ont été introduites en 2007 avec le rafraîchissement visuel du Tchoukup, journal de la fédération. Ces polices sont donc bien adaptées pour la production de documents (magazines, lettres, règlements, ...).
Pour la conception de visuels à but purement digitaux, il peut être accepté d'utiliser de différentes polices de caractère avec l'autorisation explicite de la commission communication.


== Solution de repli ==
== Solution de repli ==


== Application ==
Pour la conception d'un document dont la durée de vie n'est pas longue, il est toléré d'utiliser des polices de caractère plus génériques comme solution de repli. Cela peut être pertinent pour les personnes produisant peu de documents et n'étant pas encore en possession des polices de caractères officielles de la fédération. Dans ces cas spécifiques, nous recommandons alors de plutôt se replier d'abord sur la police ''Helvetica'' ou sinon ''Arial''.
 
== Couleurs des textes ==
 
Pour les '''paragraphes''', il est recommandé d'utiliser du noir 100% ou du gris très foncé (voir la section [[#Palette_de_couleurs | Palette de couleurs]])


=== Couleurs à utiliser ===
Pour les '''titres''', la même couleur que les paragraphes peut-être utilisés, ou encore le [[#Couleur_principale | rouge principal]]. En cas de besoin de plus de variété, les différents rouges de la [[#Palette_de_couleurs | palette de couleurs]] peuvent aussi être considérés.


=== Contexte ===
Pour mettre les '''liens''' en évidence, on peut utiliser le [[#Couleur_principale | rouge principal]].
(Quelle police pour quelle situation (titres, paragraphes, liens, ...)

Version actuelle datée du 29 septembre 2023 à 16:48

Cette charte graphique permet d'établir une base commune de l'identité visuelle de Swiss Tchoukball. Elle permet ainsi d'apporter une cohérence dans les différentes productions visuelles de la fédération, donnant ainsi une image plus crédible et professionnelle de l'organisation.

Contact/référence

Pour toute question, remarque ou retour au sujet de la charte graphique, vous pouvez contacter la commission communication à communication@tchoukabll.ch.

Logo Swiss Tchoukball.png

Le logo actuel de Swiss Tchoukball est né d'un concours réalisé en 2007 par la fédération, où plus de 100 logos ont été proposés. La version retenue a été conçue par Vincent Boulas.

Couleurs

Le logo utilise le rouge suisse, tel que défini dans la section Couleur principale et du blanc pur.

Version noir et blanc

En cas d'impression en noir et blanc, il est recommandé de ne pas utiliser la version de base – rouge – du logo, qui donnerait un résultat gris. Il est alors préférable d'utiliser la version noir et blanc du logo ci-dessous.

Logo Swiss Tchoukball noir et blanc.png

Version blanc

Il peut arriver que l'on souhaite utiliser le logo sur un fond rouge, ou sur un fond où la version de base du logo ressort mal. Pour ces cas spécifiques, il existe une version blanche du logo. Elle est représentée ci-dessous sur un fond rouge. Elle permet notamment de garder la croix blanche.

Logo Swiss Tchoukball blanc.png

Avec ou sans le texte

Par défaut, le logo de Swiss Tchoukball est affiché avec le texte “Swiss Tchoukball” en dessous, tel qu'affiché ci-dessus.

Il est toutefois possible d'utiliser le logo sans ce texte si le design réalisé permet de comprendre qu'il s'agit du logo de Swiss Tchoukball ou si la taille du logo rendrait le texte illisible. Dans ce dernier cas, si c'est possible, il serait préférable d'agrandir le logo pour pouvoir rendre le texte lisible.

D'autres utilisations du logo sans le texte sont possibles avec l'autorisation explicite de la commission communication.

Marge de sécurité

Un espace minimum est nécessaire autour du logo. Cet espace correspond à la hauteur du texte Swiss Tchoukball dans le logo.

Marges Logo Swiss Tchoukball.png

À ne pas faire

Ecrasé horizontalement.png Ecrasé verticalement.png

Utiliser les versions fournies avec leurs couleurs originales.

Couleurs changées.png

Ne pas utiliser le logo de base en niveaux de gris (“noir et blanc”)

Utiliser la version noir et blanc du logo pour une publication en niveaux de gris.

En niveau de gris.png

Garder l'opacité du logo à 100%.

Opacité réduite.png

Ne pas rendre transparentes la croix et l'intérieur des courbes

Elles doivent rester blanches.

Croix et courbes transparentes au lieu de blanches.png

Ne pas utiliser le logo de base sur un fond résultant en un mauvais contraste

Préférer placer le logo sur un fond donnant un meilleur contraste, ou en dernier recours, utiliser la version blanche du logo.

Sur un fond donnant un mauvais contraste.png

Ne pas utiliser le logo blanc sur un fond où le logo de base pourrait être utilisé

Utiliser le logo de base. Exception : Si le logo est listé avec plusieurs autres logos et que tous sont en blanc.

Blanc sur fond où original irait.png Blanc sur fond où original irait 2.png

En cas de doute, contacter la commission communication (voir la section dédiée en haut de page).

Téléchargements

Formats mis à disposition :

  • Pour impression : EPS (vectoriel)
  • Pour utilisation numérique : SVG (vectoriel) et PNG (matriciel)

Couleurs

Couleur principale

La couleur principale de Swiss Tchoukball est le rouge, tel que défini dans L'annexe 2 de la Loi sur la protection des armoiries de la Suisse et des autres signes publics :

  • CMYK 0 / 100 / 100 / 0
  • Pantone 485 C / 485 U
  • RGB 255 / 0 / 0
  • Hexadécimal #FF0000
  • Scotchcal 100 -13
  • RAL 3020 rouge signalisation
  • NCS S 1085-Y90R
#ff0000

Palette de couleurs

Si seul le rouge principal n'est pas suffisant, il est possible d'utiliser différentes variantes de rouges :

#ffd8d8
#ff9d9d
#ff4e4e
#ff0000
#b10000
#620000
#270000


Il est aussi possible de varier les niveaux de gris :

#ffffff
#f2f2f2
#d9d9d9
#a6a6a6
#595959
#1a1a1a
#000000

Typographie

Polices de caractère

Swiss Tchoukball a deux polices de caractères officielles :

  • Amasis MT Std
    Exemple Amasis.png
  • ITC Flora
    Exemple Flora.png

La fédération a une licence d'utilisation de ces polices. Elles ne sont pas libres de droit. Ainsi, si vous entrez en possession de ces polices dans le cadre de votre travail au sein de la fédération, vous ne pouvez pas utiliser ces polices pour des productions non-Swiss Tchoukball. Pour obtenir les fichiers, contactez la commission communication (voir la section dédiée en haut de page).

Il est autorisé d'utiliser différentes déclinaisons de ces polices si elles existent (p.ex. gras ou italique).

Historiquement, ces polices ont été introduites en 2007 avec le rafraîchissement visuel du Tchoukup, journal de la fédération. Ces polices sont donc bien adaptées pour la production de documents (magazines, lettres, règlements, ...).

Pour la conception de visuels à but purement digitaux, il peut être accepté d'utiliser de différentes polices de caractère avec l'autorisation explicite de la commission communication.

Solution de repli

Pour la conception d'un document dont la durée de vie n'est pas longue, il est toléré d'utiliser des polices de caractère plus génériques comme solution de repli. Cela peut être pertinent pour les personnes produisant peu de documents et n'étant pas encore en possession des polices de caractères officielles de la fédération. Dans ces cas spécifiques, nous recommandons alors de plutôt se replier d'abord sur la police Helvetica ou sinon Arial.

Couleurs des textes

Pour les paragraphes, il est recommandé d'utiliser du noir 100% ou du gris très foncé (voir la section Palette de couleurs)

Pour les titres, la même couleur que les paragraphes peut-être utilisés, ou encore le rouge principal. En cas de besoin de plus de variété, les différents rouges de la palette de couleurs peuvent aussi être considérés.

Pour mettre les liens en évidence, on peut utiliser le rouge principal.