Avant de nous lancer tout bonnement dans l’aventure, nous avons réalisé toute la partie design, et cela passe par la publication d’une charte graphique officielle pour notre web-mag. Charte réalisée par Louis Grasset et Juliette Schandelmeyer.

Comme on ne nous l’a pas montré en cours, une charte graphique, c’est avant tout de la complexité, de l’illisibilité, la non représentativité de l’entité, ainsi qu’un esprit de plagiat face à la concurrence. Nous avons suivi ces règles tout en refusant de s’investir corps et âmes dans la démarche de la désinformation et du décalé. C’est pourquoi le sérieux et la sobriété de notre identité visuelle complète tranchent avec nos valeurs.

Voici sans plus tarder notre charte 2016.

Logotype

rimerien_rectangle_bgwhite

Nous avons créé logotype décliné en 6 versions selon le fond d’application. Ce logo est composé de deux sections : une partie ‘logo’ et une ‘titre du magazine’.

  1. Partie du logo :
    • Reprise de deux R de Rime à Rien.
    • Valeurs décalées et de désinformation.
    • Boucle qui reprend le signe  mais d’une manière détournée : il ne reste qu’une boucle, formant un zéro, rappel à la désinformation.
  2. Partie du titre :
    • Disposition rectangulaire
    • Typographie sans serif en majuscules amenant sérieux, confiance et sobriété
    • Centrage vertical et horizontal pour accentuer le point précédent
    • Couleurs noires et blanches dans le même objectif

Des déclinaisons carrée et rectangulaires sont disponibles et doivent toutes suivre ces règles de la même façon.

guidelines_04 guidelines_02
Fond noir Fond blanc
guidelines_06 guidelines_07
Fond complexe à dom. sombre Fond complexe à dom. claire
guidelines_08 guidelines_09
Fond uni à dom. sombre Fond uni à dom. claire
Teinte sombre RGBA (0,0,0,1)
HEX (#000000)
Teinte claire RGBA (255,255,255,1)
HEX (#FFFFFF)

Déclinaisons du logos

rimerien_carre  rimerien_rectangle_vert rimerien_rectangle
Version carrée Version rectangulaire verticale Version rectangulaire horizontale

Typographie

Nous avons choisi 3 typographies différentes selon l’élément sur lequel on les appliquera.
Les titres utilisent deux polices de type slab c’est-à-dire ayant des serifs rectangulaires.
Roboto Slab pour le site web, une police libre de droit
color: #333333; font-size: h1 -> h6; line-height: 100%;

roboto-slab

Roboto Regular forme les paragraphes, en 18px sur une hauteur de ligne égale à 180% de ces 18px. Cela permet une aération des lignes et par conséquent améliore la lisibilité.
color: #444444; font-size: 18px; line-height: 180%;

roboto

Museo Slab est quant à elle payante et destinée au logotype pour former les R.

museo-slab

Couleurs

Paragraphes, Titres secondaires
RGBA (68, 68, 68, 1)
HEX (#444444)
CMJN (0%, 0%, 0%, 73%)

 

Liens et détails importants
RGBA (255, 219, 77, 1)
HEX(#FFDB4D)
CMJN(0%, 14%, 70%, 0%)

 

 

Titres principaux
RGBA (51, 51, 51, 1)
HEX(#333333)
CMJN(0%, 0%, 0%, 80%)

Voilà pour notre charte graphique ! 🙂 En espérant qu’elle vous a plus !