← 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.