Charte graphique · 04

La signature graphique

Quelques détails répétés partout — le coin coupé, la photo voilée, la carte posée de travers — suffisent à faire reconnaître Muzard.

La lame

Clin d’œil aux lames de couteau, un coin est coupé en biseau : sur les cartes, les photos, les boutons, et le bord inférieur des grandes ouvertures. Jamais de coins arrondis : tout est tranchant, net, précis.

Cartes et photos
Coin supérieur droit coupé : de 14px à 22px selon l’écran.
Bouton
Coin supérieur droit coupé de 12 px, vraie bordure d’un pixel (nette sur tous les côtés) et diagonale redessinée le long de la découpe.
Fin de section
Le bord inférieur monte en diagonale sur environ 4,5 % de la largeur (28 à 72 px).

Les ouvertures photo

En tête de page, une photo d’atelier en noir et blanc, voilée d’encre, réchauffée d’une lueur braise du côté des cartes. Le bord inférieur est coupé en biseau et la section suivante passe derrière.

Les cartes spécimen

Des planches de collection posées de travers, comme sur un établi : papier crème, pièce détourée qui se fond dans la carte, légende numérotée en mono. Elles tournent légèrement, bougent avec la souris, et se redressent au survol.

Étiquettes et numéros

La mono sert aux informations « d’inventaire » : sur-titres précédés d’un filet, numéros de planche, pastilles, chiffres clés en grande taille Fraunces avec leur légende.

Du mouvement, avec mesure

Apparition

Les éléments se révèlent en douceur au défilement, une seule fois.

Défilement

Un bandeau de mots (matières, valeurs) défile en continu, en italique Fraunces et losanges.

Survol

Les boutons se remplissent, les cartes se redressent, les flèches avancent d’un cran.

Toutes les animations respectent le réglage « réduire les animations » du visiteur.