Le système de design du PALU
Une seule source pour tout ce que le site affiche : la palette nationale, deux familles de caractères, une géométrie de contrôle, des états dessinés, et un contraste vérifié à chaque construction. Basculez le thème dans l’en-tête pour voir chaque échantillon en sombre.
La palette nationale, hiérarchisée
Une seule encre — le bleu institutionnel de la RDC —, le jaune du PALU comme unique accent, le ciel du drapeau comme unique teinte. Le rouge reste réservé aux alertes. Chaque jeton change de valeur avec le thème : les hexadécimaux indiquent clair / sombre.
Marque
Teinte et bloc d’encre
Surfaces et encres
Deux voix, un registre
Les titres parlent en HEX Franklin extra-grasse (substitut libre : Libre Franklin) ; le texte courant lit en Tiempos Text (substitut libre : Source Serif 4) ; les surtitres et les données gardent JetBrains Mono. Tailles fluides, bornées aux deux extrémités.
Un Congo uni.
Six axes pour un Congo souverain
Le message du secrétariat général
Souveraineté & unité nationale
Créé le 22 août 1964 à la suite du protocole d’accord signé par les partis nationalistes, vainqueurs des élections démocratiques, libres et transparentes organisées par les Belges en mai 1960, qui sont le MNC/L de P. E. Lumumba, le PSA d’A. Gizenga, le BALUBAKAT de Jason Sendwe et Rémy Mwamba ainsi que le CEREA de Marcel Bisukiro et Anicet Kashamura, le PALU est né de la fusion de ces partis.
Le retour de 1992 ouvre l’ère démocratique du Parti : implantation dans le Bandundu, participation à la Conférence nationale souveraine, puis, en 2006, la troisième place à l’élection présidentielle.
Communiqué · 30 juillet 2026 · 4 min de lecture
Nos thèmes
22.08.1964 · 13,8 % · 34/500
Une géométrie, cinq intentions
Même hauteur calculée pour tous les contrôles d’une ligne, obtenue par le rembourrage — jamais par une hauteur fixe. Le jaune est réservé à l’action de conversion (Adhérer).
Champs et états
Étiquette visible, texte d’aide, message d’erreur explicite, contenu toujours centré verticalement. L’état d’erreur combine bordure, halo et texte : jamais la couleur seule.
Texte d’aide sous le champ.
Les briques du site
.axis — thème du programme
Numéro, icône, titre : filet supérieur, aucune couleur porteuse d’information.
Un titre posé sur une photographie
- Fondation
- 22 août 1964
- Siège
- Boulevard Lumumba, Limete
« .quote — la citation se compose en romain italique, centrée, sans guillemet décoratif géant. »
Trois fonds, mêmes jetons
Une bande redéfinit ses jetons localement : titres, filets, boutons et champs suivent sans surcharge par composant, dans les deux thèmes. Les sections du site alternent blanc et surface douce ; le bleu nuit est réservé au pied de page et aux appels.
Un seul dévoilement, jamais de spectacle
- Propriétés
- Transformations et opacité uniquement ; rien qui force une mise en page à chaque image.
- Durée
- Jamais au-delà de 400 ms ; ressort à l’entrée (cubic-bezier 0.2, 0.8, 0.2, 1), décélération à la sortie.
- Chargement
- Un dévoilement orchestré par section, décalé de 80 ms par élément via la variable
--d. - Élément LCP
- Le visuel principal n’est jamais animé : un fondu de 400 ms ajouterait 400 ms au LCP pour zéro information.
- Mouvement réduit
prefers-reduced-motionneutralise dévoilements, bandeau défilant, défilement doux et lecture automatique.
Vérifié à chaque construction
Le script scripts/contrast.test.mjs lit les jetons de src/index.css et calcule chaque paire ci-dessous pour les palettes claire, sombre, bleu nuit et jaune. Sous le seuil, la construction échoue : le site ne peut pas se publier avec un contraste insuffisant.
| Paire | Premier plan | Fond | Minimum |
|---|---|---|---|
| Texte courant sur la page |
--text |
--bg |
7:1 (AAA) |
| Texte courant sur surface |
--text |
--surface |
7:1 (AAA) |
| Texte courant sur surface-2 |
--text |
--surface-2 |
7:1 (AAA) |
| Texte secondaire sur la page |
--text-mid |
--bg |
4,5:1 |
| Texte secondaire sur surface |
--text-mid |
--surface |
4,5:1 |
| Texte secondaire sur surface-2 |
--text-mid |
--surface-2 |
4,5:1 |
| Texte indicatif (placeholder) |
--text-mute |
--surface |
4,5:1 |
| Lien sur la page |
--link |
--bg |
4,5:1 |
| Lien sur surface |
--link |
--surface |
4,5:1 |
| Marque en texte |
--brand |
--bg |
4,5:1 |
| Jaune en encre sur la page |
--accent-text |
--bg |
4,5:1 |
| Jaune en encre sur surface |
--accent-text |
--surface |
4,5:1 |
| Texte du bouton primaire |
--on-brand |
--brand |
4,5:1 |
| Texte du bouton jaune |
--on-accent |
--accent |
4,5:1 |
| Texte d’erreur |
--danger |
--surface |
4,5:1 |
| Texte de succès |
--success |
--surface |
4,5:1 |
| Anneau de focus |
--ring |
--bg |
3:1 |
| Filet visible |
--rule-bright |
--surface |
1,2:1 |
| Titre dans le bloc d’encre |
--on-block |
--block |
7:1 (AAA) |
| Teintes de données (réservées) |
--sky … --plum |
--surface |
3:1 |
La marque et ses règles
Le poing levé dans la couronne de laurier au-dessus de l’urne. L’en-tête et le pied de page portent l’emblème seul : dans le rouge du Parti sur fond clair (/mark-red.png), en blanc sur fond sombre (/mark-white.png).
96 px
64 px
32 px
- Zone de protection
- Un quart de la largeur de la marque, libre de tout texte ou élément, sur les quatre côtés.
- Proportions
- Jamais étirée, inclinée ni recolorée ; la marque se redimensionne uniformément.
- Fonds autorisés
- Rouge du Parti sur blanc ; blanc sur bleu nuit ; encre sur jaune PALU, où le rouge manque de contraste. Sur photographie, poser un voile bleu nuit à 60 % minimum sous la marque.
- Taille minimale
- 24 px à l’écran, 8 mm à l’impression.
