« Charte graphique » : différence entre les versions
De Swiss Tchoukball Wiki
(Ajout de l'introduction) |
(Ajout de la section sur les couleurs) |
||
| Ligne 23 : | Ligne 23 : | ||
== Couleur principale == | == Couleur principale == | ||
== Palette de couleurs | 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] : | ||
* 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 style="width: 100px; height: 100px; background-color: #ff0000; color: white; display: flex; align-items: end; padding: 0.5em;">#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 style="width: 100px; height: 100px; background-color: #ffd8d8; color: black; display: inline-flex; align-items: end; padding: 0.5em;">#ffd8d8</div> | |||
<div style="width: 100px; height: 100px; background-color: #ff9d9d; color: black; display: inline-flex; align-items: end; padding: 0.5em;">#ff9d9d</div> | |||
<div style="width: 100px; height: 100px; background-color: #ff4e4e; color: black; display: inline-flex; align-items: end; padding: 0.5em;">#ff4e4e</div> | |||
<div style="width: 100px; height: 100px; background-color: #ff0000; color: white; display: inline-flex; align-items: end; padding: 0.5em;">#ff0000 </div> | |||
<div style="width: 100px; height: 100px; background-color: #b10000; color: white; display: inline-flex; align-items: end; padding: 0.5em;">#b10000</div> | |||
<div style="width: 100px; height: 100px; background-color: #620000; color: white; display: inline-flex; align-items: end; padding: 0.5em;">#620000</div> | |||
<div style="width: 100px; height: 100px; background-color: #270000; color: white; display: inline-flex; align-items: end; padding: 0.5em;">#270000</div> | |||
Il est aussi possible de varier les niveaux de gris : | |||
<div style="width: 100px; height: 100px; background-color: #ffffff; color: black; display: inline-flex; align-items: end; padding: 0.5em;">#ffffff</div> | |||
<div style="width: 100px; height: 100px; background-color: #f2f2f2; color: black; display: inline-flex; align-items: end; padding: 0.5em;">#f2f2f2</div> | |||
<div style="width: 100px; height: 100px; background-color: #d9d9d9; color: black; display: inline-flex; align-items: end; padding: 0.5em;">#d9d9d9</div> | |||
<div style="width: 100px; height: 100px; background-color: #a6a6a6; color: black; display: inline-flex; align-items: end; padding: 0.5em;">#a6a6a6</div> | |||
<div style="width: 100px; height: 100px; background-color: #595959; color: white; display: inline-flex; align-items: end; padding: 0.5em;">#595959</div> | |||
<div style="width: 100px; height: 100px; background-color: #1a1a1a; color: white; display: inline-flex; align-items: end; padding: 0.5em;">#1a1a1a</div> | |||
<div style="width: 100px; height: 100px; background-color: #000000; color: white; display: inline-flex; align-items: end; padding: 0.5em;">#000000 </div> | |||
= Typographie = | = Typographie = | ||
Version du 11 août 2023 à 16:48
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.
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
Couleurs
Marge de sécurité
Exemples
Téléchargements
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
Solution de repli
Application
Couleurs à utiliser
Contexte
(Quelle police pour quelle situation (titres, paragraphes, liens, ...)