← Coulisses Le langage visuel

Le langage
visuel.

Un atelier d'artisanat n'a pas besoin de clinquant — il a besoin de clarté. Voici le système visuel qui tient tout le site ensemble.

Une palette qui respire.

Le site repose sur trois couleurs et rien de plus. Un fond crème (#F7F5F0) qui rappelle le papier et adoucit la lecture, une encre noire profonde pour le texte, et un vert sapin (#1B3D2F) utilisé avec parcimonie — pour les accents, les liens, les boutons. Cette retenue est volontaire : sur un site qui montre des textiles imprimés, brodés et floqués, ce sont les réalisations qui doivent porter la couleur, pas l'interface.

Une surface secondaire légèrement plus chaude (#EFEBE0) sépare les blocs sans jamais introduire de bordure lourde. Les séparations passent par des filets de 1 pixel couleur sable, dessinés parfois à l'entrée à l'écran comme une couture qui se pose.

Deux polices, deux rôles.

  • League Spartan — pour les titres. Une grotesque géométrique, dense et affirmée, qui donne aux grands titres une présence d'affiche.
  • Inter — pour le corps de texte. Pensée pour les écrans, très lisible à petite taille, neutre sans être fade.

Les deux familles sont auto-hébergées au format WOFF2 et préchargées, pour éviter le clignotement de texte au chargement et toute dépendance à un service tiers — un choix de performance autant que de sobriété.

Une grammaire éditoriale.

La mise en page emprunte au Swiss design : grille assumée, marges généreuses, asymétries subtiles, hiérarchie typographique nette. Chaque page service suit le même gabarit — hero, réalisations, tarifs, spécifications, cas d'usage, FAQ — pour qu'un visiteur retrouve toujours ses repères d'un service à l'autre.

Ce système visuel a été défini puis codé en CSS structuré (méthodologie BEM) par Tacelo, de façon à rester cohérent et facile à étendre à mesure que l'atelier ajoute de nouveaux services.