Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédenteDernière révisionLes deux révisions suivantes | ||
fr:website_kh_charte_graphique [2016/10/04 08:20] – créée zatalyz | fr:website_kh_charte_graphique [2020/03/22 12:15] – [Image de fond - Background] tag+ zatalyz | ||
---|---|---|---|
Ligne 2: | Ligne 2: | ||
Pour l' | Pour l' | ||
- | Le site web est construit de bric et de broc, l' | + | Le site web est construit de bric et de broc (divers CMS), l' |
- | Il y a deux " | + | Il y a deux " |
- | Toutes les pages du site ont un élément en commun((En théorie, parce qu'en pratique, c'est pas toujours évident de l' | + | Toutes les pages du site ont un élément en commun((En théorie, parce qu'en pratique, c'est pas toujours évident de l' |
- | Les textes sont sur fond blanc ou blanc translucide afin d' | + | {{ : |
- | ===== Khaganat ===== | + | Les textes sont de couleur |
- | ==== Palette | + | |
- | La palette de Khaganat est visible à cette adresse : [[https:// | + | |
- | En gras, notre choix principal (entre autre pour le logo): | + | <WRAP center round tip 90%> |
- | * Couleurs primaires : 9800FF **8530BF** 6300A6 B240FF C673FF | + | Voir aussi la page [[fr: |
- | * Couleurs secondaires : FF00A6 BF308D A6006C FF40BC FF73CE | + | </ |
- | * Couleurs secondaires B : 3600FF 4E30BF 2300A6 6840FF 9073FF | + | |
- | * Couleurs complémentaires : FFFA00 BFBC30 A6A300 FFFB40 FFFC73 | + | |
+ | <WRAP center round info 60%> | ||
+ | Au delà du visuel "de base" il est prévu de faire des thèmes personnalisés pour que chacun aie le visuel qui lui correspond (fond sombre, contrastes différents, | ||
+ | </ | ||
+ | |||
+ | ===== Éléments visuels communs ===== | ||
==== Police (font) ==== | ==== Police (font) ==== | ||
* font-family:" | * font-family:" | ||
* Dans nos documents, nous tentons d' | * Dans nos documents, nous tentons d' | ||
+ | * "URW Gothic" | ||
+ | |||
+ | Enfin, les titres des bannières sont construits avec un alphabet en svg, [[https:// | ||
+ | |||
+ | <WRAP center round tip 60%> | ||
+ | Si vous souhaitez compléter cet alphabet avec les accents et en faire une vraie police, votre travail sera énormément apprécié. | ||
+ | </ | ||
+ | |||
+ | |||
+ | ==== Hexagones et coins biseautés ==== | ||
+ | La forme hexagonale peut être utilisée ici et là, sans excès ; elle est plus liée à Khanat mais donne aussi du style à la partie Khaganat. | ||
+ | |||
+ | Les coins biseautés pour certaines fenêtres (là aussi sans excès) contribuent à rappeler cette forme géométrique et donnent plus de cohérence et d' | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | On retrouve ce biseau sur la barre générale pour encadrer le logo. | ||
+ | |||
+ | ==== Logos ==== | ||
+ | Tous les logos et titres sont disponibles [[https:// | ||
+ | |||
+ | ===== Khaganat ===== | ||
+ | ==== Palette de couleur ==== | ||
+ | La palette de Khaganat a évolué dernièrement pour aller vers plus de sobriété. | ||
+ | |||
+ | En couleur web | ||
+ | * <color # | ||
+ | * <color # | ||
+ | * <color # | ||
+ | * #ffffffff (Blanc) : fond des blocs de texte, couleur de police pour les textes sur fond coloré | ||
+ | * <color # | ||
+ | |||
+ | |||
+ | La palette qui a inspiré ces choix est ici [[https:// | ||
+ | |||
+ | |||
+ | En résumé sur l' | ||
+ | * Couleurs primaires : <color # | ||
+ | * Couleurs secondaires : <color # | ||
+ | * Couleurs secondaires B : <color # | ||
+ | * Couleurs complémentaires (surlignez pour lire les codes) : <color # | ||
+ | |||
==== Image de fond - Background ==== | ==== Image de fond - Background ==== | ||
- | L' | + | L' |
+ | |||
+ | <WRAP center round todo 60%> | ||
+ | Elle va être remplacée, très probablement... pour le moment on est parti sur une texture sobre en fond du site web sous Django. | ||
+ | </ | ||
- | ==== Éléments divers ==== | ||
- | Afin d' | ||
===== Khanat ===== | ===== Khanat ===== | ||
==== Palette de couleur ==== | ==== Palette de couleur ==== | ||
- | La palette de Khanat est visible à cette adresse : [[https:// | ||
- | En gras, notre choix principal (entre autre pour le logo) : | + | La palette de Khanat a aussi évolué dernièrement pour aller vers plus de sobriété. |
- | * Couleurs primaires : 0D58A6 26517D 04376C 4188D3 689CD3 | + | |
- | * Couleurs secondaires : 2419B2 352F85 **100873** 574DD8 7972D8 | + | En couleur web |
- | * Couleurs secondaires B :FFC500 BF9E30 A68000 FFD340 FFDF73 | + | * <color # |
- | * Couleurs complémentaires : FF9900 BF8630 A66300 FFB240 FFC773 | + | * <color # |
- | ==== Police (font) ==== | + | * <color # |
+ | * #ffffffff (Blanc) : fond des blocs de texte, couleur de police pour les textes sur fond coloré. Même couleur que pour Khaganat. | ||
+ | * <color # | ||
+ | |||
+ | |||
+ | La palette qui a inspiré ces choix est ici [[https:// | ||
+ | |||
+ | En résumé sur l' | ||
+ | * Couleurs primaires : <color #0D58A6> | ||
+ | * Couleurs secondaires : <color #2419B2> | ||
+ | * Couleurs secondaires B :<color #FFC500> | ||
+ | * Couleurs complémentaires : <color #FF9900> | ||
+ | |||
+ | <color #> | ||
==== Image de fond - Background ==== | ==== Image de fond - Background ==== | ||
L' | L' | ||
- | ==== Éléments divers ==== | ||
- | {{tag> | + | |
+ | {{tag> |