Pourquoi ce design

Le standard

Ce site est construit selon les bonnes pratiques, les standards élevés et les conventions qu’exige un site d’entreprise haut de gamme, à tous les niveaux : architecture de l’information, système de conception, accessibilité, performance, sécurité et maintenabilité. Rien n’y est décoratif par accident.

Concrètement, cela veut dire une seule rangée d’en-tête, une navigation en capitales, des panneaux déroulants pleine largeur, des titres posés sur la photographie, des filets d’un pixel et beaucoup d’air — le vocabulaire visuel que les grandes organisations institutionnelles ont stabilisé pour rendre lisibles des contenus denses : communiqués, programme, organes, agenda. Le PALU a exactement ces contenus.

Et cela veut dire que chaque décision est vérifiable. Aucun écran n’a été accepté sans être mesuré : structure, accessibilité et contraste passent trois contrôles automatiques à chaque construction, et un échec bloque la publication.

Une encre, un accent

La palette vient du drapeau et des chartes institutionnelles congolaises. Elle a été réduite à trois valeurs :

Bleu #002049

l’unique encre : texte courant, titres, bouton primaire et fonds sombres

Jaune #fcd116

l’unique accent : adhérer, filets de lien, indicateur de navigation

Ciel

l’unique teinte : la pastille de surtitre, rien d’autre

Le rouge du drapeau reste une couleur d’alerte. Les six couleurs pédagogiques qui distinguaient autrefois les axes du programme ont été retirées : un axe se reconnaît à son numéro et à son nom, ce qui fonctionne aussi à l’impression, en contraste élevé et pour un lecteur daltonien.

Deux voix

Les titres parlent dans une grotesque très grasse ; le texte courant lit dans une serif de labeur. Les deux familles sont celles de democrats.org, retenues par le Parti. Les surtitres gardent la monospace du gabarit d’origine, parce qu’une étiquette n’est pas une phrase et doit se voir comme telle.

Les deux familles principales sont sous licence commerciale. En attendant les fichiers, des substituts libres métriquement proches sont chargés : la mise en page ne bougera pas le jour où les vraies polices arriveront.

Géométrie carrée

Aucun angle arrondi sur les surfaces et les contrôles ; aucune ombre portée dans le corps de la page. La profondeur vient des filets, de la bande claire et du bloc d’encre. Seuls les boutons sociaux et les flèches de carrousel sont circulaires — les seules exceptions que le système s’autorise.

Tous les contrôles d’une même ligne partagent une hauteur calculée par le rembourrage, jamais par une hauteur fixe, avec un plancher de 44 pixels.

Le bloc d’encre

Quand un titre est posé sur une photographie, il est porté par un bloc bleu qui se découpe ligne par ligne. C’est le geste le plus répété du site : accueil, en-tête de page, tuile d’actualité, panneau de navigation. Il résout un problème réel — un titre blanc sur une image claire devient illisible — sans voile gris sur toute la photo.

Le rythme des pages

Une page alterne blanc et bande claire. L’en-tête photographique porte le fil d’Ariane en haut et le titre en bas ; le chapeau vient ensuite, sur blanc. Les rangées de tuiles débordent volontairement du côté droit pour signaler qu’il y a une suite. La dernière section d’une page se colle au pied de page : l’appel à l’action et le pied forment un seul bloc.

Accessibilité

Le contraste du texte courant est vérifié à 7:1 (niveau AAA) à chaque construction, sur les quatre palettes du site. Le focus est visible partout. Le mouvement se coupe entièrement sous prefers-reduced-motion. La navigation entière est atteignable au clavier, panneaux déroulants compris. Le détail figure sur la page accessibilité et les jetons sur le design system.

Ce que nous avons refusé

• Un dégradé violet, un fond de verre, un titre en dégradé. Rien de tout cela ne dit « parti fondé en 1964 ».
• Une mise en page de journal. Le PALU publie des communiqués, pas une édition ; les colonnes de broadsheet auraient menti sur la nature du site.
• Des émoticônes. Les icônes viennent d’un jeu vectoriel, à taille et poids contrôlés.
• Une bande jaune pleine largeur. Elle criait plus fort que le message qu’elle portait.
• Un compteur de gros chiffres. Remplacé par des listes de faits datés et sourcés.

La preuve

Trois contrôles tournent à chaque construction : structure des 33 pages, accessibilité, et contraste des 97 paires de couleurs. Un échec bloque la publication. Les décisions ci-dessus sont écrites dans DESIGN.md, et la gouvernance dans docs/UI-GOVERNANCE.md.