Valeur Sûre

← Coulisses01 — Design

Le langage
visuel.

Le site ne ressemble à aucun autre parce qu'il n'a été copié sur aucun autre. Voici la grammaire visuelle qui le tient debout.

Une affiche, pas un template.

La direction artistique s'inspire du graphisme suisse — celui de Müller-Brockmann et de Karl Gerstner : grilles précises, compositions asymétriques, géométrie calculée. L'idée n'était pas de faire « joli », mais de faire juste: chaque bloc occupe l'espace pour une raison, le vide compte autant que le plein.

Résultat : une page qui se lit comme une affiche imprimée, pas comme un gabarit SaaS interchangeable.

La typographie porte le ton.

Deux familles, deux rôles, zéro hésitation :

  • Bebas Neue— en display massif, pour les titres qui doivent claquer. C'est elle qui donne au site sa voix.
  • DM Sans — en corps de texte, pour la lisibilité. Discrète, elle laisse la place au contenu.

Pas d'Inter, pas de Roboto : les polices génériques des templates ont été écartées d'emblée.

Le magenta, à la goutte.

La couleur signature — un magenta #FF1D8E— n'est jamais posée en aplat massif. Elle est utilisée chirurgicalement : un mot d'accent, un arc géométrique, un appel à l'action. Le vert #00FF87 est réservé aux statuts positifs et aux confirmations. Tout le reste vit sur un fond clair, généreux, intentionnel.

La géométrie qui se dessine.

Les compositions SVG — lignes, cercles, arcs — sont un élément central du site, pas une décoration. Sur les moments héroïques, elles se dessinent à l'écran(animation de tracé sur les contours), pour donner l'impression d'une construction en direct. Les entrées de contenu sont chorégraphiées : rien n'apparaît d'un coup, tout est séquencé avec des délais calculés.

Un parti pris assumé.

Ce langage visuel n'est pas sorti d'une bibliothèque de composants. Il a été défini avec l'association puis construit pièce par pièce par Tacelo— un système cohérent, documenté, et pensé pour durer au-delà d'une saison.